#DD9936
orange38% BrightnessWarm
Color Values
HEX
#DD9936
RGB
rgb(221, 153, 54)
HSL
hsl(36°, 71%, 54%)
CMYK
cmyk(0%, 31%, 76%, 13%)
Color Harmonies
Complementary
DD9936
367ADD
Triadic
DD9936
36DD99
9936DD
Analogous
DD4636
DD9936
CDDD36
Monochromatic
684512
DD9936
F3DBB9
Similar Colors
946219
DDC336
DD6F36
ECC58D
CDDD36
DD4636
CSS Snippets
CSS Variables
--color-base: #DD9936; --color-light: #ECC792; --color-dark: #905F18;
CSS Class
.element {
color: #DD9936;
background: #3D280A;
border-color: #946219;
}Contrast Analysis
Sample Text — 8.68:1
The quick brown fox jumps over the lazy dog
On Black8.68:1
On White2.42:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness38%
Saturation71%
Hue36°
Temp
Warm
LRV
39%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 38% brightness, 71% saturation, and 54% lightness.