Coloried

Dark Amber

Dark Amber color is a clear shade of yellow. Its hex code is #D79334 and rgb code is rgb(215, 147, 52), Its CMYK value is cmyk(0%, 32%, 76%, 16%), and Its HSL value is hsl(35, 67%, 52%). Against white, it has a contrast ratio of 2.59:1, while against black, the contrast ratio is 8.11:1. Complementary color is #3377D7 and closest tailwind color is orange-400. This color goes well with #575E13, #5E1913, #1E1406, #1B7F88, and #241B88. To create this Dark Amber color, you can mix #FFFF00 and #AF2768.

Dark Amber color code
|
1. Color Conversions
HEX#D79334
RGB215, 147, 52
HSL35°, 67%, 52%
HSV35°, 67%, 84%
CMYK0%, 32%, 76%, 16%
Web Safe#CC9933
2. Contrast Ratio
Text on #FFFFFF2.59:1
Fail LargeFail Normal
Text on #0000008.11:1
AAA LargeAAA Normal
3. Dark Amber Color Code in CSS
HEX
#D79334
RGB
rgb(215, 147, 52)
HSL
hsl(35, 67%, 52%)
Text Color
color: #D79334;
Background
background-color: #D79334;
Border Color
border-color: #D79334;
Box Shadow
box-shadow: 0 4px 14px 0 #D7933480;
SCSS
$color-dark-amber: #D79334;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BAB94B
Deuteranopia#BEC351
Tritanopia#D45D61
Achromatopsia#9D9D9D
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive