Coloried

Dusty Orange

Dusty Orange color is a clear shade of orange. Its hex code is #E27A53 and rgb code is rgb(226, 122, 83), Its CMYK value is cmyk(0%, 46%, 63%, 11%), and Its HSL value is hsl(16, 71%, 61%). Against white, its contrast ratio of 2.94:1, while against black, the contrast ratio is 7.14:1. Complementary color is #55BDE2 and closest tailwind color is red-400. This color goes well with #876D17, #871731, #461B0C, #1EB390, and #1E41B3. To get this Dusty Orange color, you can mix #FF0000 and #C5F4A6.

Dusty Orange color code
|
1. Color Conversions
HEX#E27A53
RGB226, 122, 83
HSL16°, 71%, 61%
HSV16°, 71%, 89%
CMYK0%, 46%, 63%, 11%
Web Safe#CC6666
2. Contrast Ratio
Text on #FFFFFF2.94:1
Fail LargeFail Normal
Text on #0000007.14:1
AAA LargeAAA Normal
3. Dusty Orange Color Code in CSS
HEX
#E27A53
RGB
rgb(226, 122, 83)
HSL
hsl(16, 71%, 61%)
Text Color
color: #E27A53;
Background
background-color: #E27A53;
Border Color
border-color: #E27A53;
Box Shadow
box-shadow: 0 4px 14px 0 #E27A5380;
SCSS
$color-dusty-orange: #E27A53;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B5B45C
Deuteranopia#BBC35F
Tritanopia#DD6466
Achromatopsia#959595
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive