#503A09
orange5% BrightnessWarm
Color Values
HEX
#503A09
RGB
rgb(80, 58, 9)
HSL
hsl(41°, 80%, 17%)
CMYK
cmyk(0%, 28%, 89%, 69%)
Color Harmonies
Complementary
503A09
091F50
Triadic
503A09
09503A
3A0950
Analogous
501609
503A09
435009
Monochromatic
000000
503A09
DA9E18
Similar Colors
000000
504C09
502809
AC7C13
435009
501609
CSS Snippets
CSS Variables
--color-base: #503A09; --color-light: #B08014; --color-dark: #000000;
CSS Class
.element {
color: #503A09;
background: #E9B33C;
border-color: #AC7C13;
}Contrast Analysis
Sample Text — 10.77:1
The quick brown fox jumps over the lazy dog
On Black1.95:1
On White10.77:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness5%
Saturation80%
Hue41°
Temp
Warm
LRV
4%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated orange color with 5% brightness, 80% saturation, and 17% lightness.