Marigold

#EAA221
RGB
234, 162, 33
HSL
39°, 83%, 52%
CMYK
0, 31, 86, 8
HSV
39°, 86%, 92%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EAA221 color: #EAA221;
RGB 234, 162, 33 color: rgb(234, 162, 33);
RGB Percentage 92%, 64%, 13% color: rgb(92%, 64%, 13%);
CMYK 0%, 31%, 86%, 8% Not supported in CSS
HSL 39°, 83%, 52% color: hsl(39, 83%, 52%);
HSV 39°, 86%, 92% Not supported in CSS
CIE-LAB 42, 14, 43 color: lab(42% 14 43);
Decimal 15376929 Not supported in CSS

Color Variations

Shades

#EAA31F
#DA9514
#C28412
#AA7410
#92630E
#79530B
#614209
#493207

Tints

#F9E3BC
#F7DAA5
#F5D18F
#F3C879
#F0BF62
#EEB54C
#ECAC35
#EAA31F

Tones

#EAA31F
#E0A029
#D69D33
#CC9A3D
#C29748
#B79452
#AD915C
#A38E66

Hues

#EAA31F
#99EA1F
#1FEA3D
#1FEAD6
#1F66EA
#701FEA
#EA1FCC
#EA1F33

Color Harmonies

Analogous

#EA3D1F
Click to copy
#EAA221
Click to copy
#CCEA1F
Click to copy
98%

Complementary

#EAA221
Click to copy
#1F66EA
Click to copy

Split Complementary

#EAA221
Click to copy
#1FCCEA
Click to copy
#3D1FEA
Click to copy

Triadic

#EAA221
Click to copy
#1FEAA3
Click to copy
#A31FEA
Click to copy

Tetradic

#EAA221
Click to copy
#1FEA3D
Click to copy
#1F66EA
Click to copy
#EA1FCC
Click to copy

Square

#EAA221
Click to copy
#1FEA3D
Click to copy
#1F66EA
Click to copy
#EA1FCC
Click to copy

CSS & Dev Snippets

CSS
.marigold {
  color: #EAA221;
}
SCSS
$marigold: #EAA221;
RGB
rgb(234, 162, 33)

Accessibility & Contrast

White background

2.17:1
2.17
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.69:1
9.69
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags