Coloried

Citron

Citron color is a rich shade of dark yellow. Its hex code is #9EA91F and rgb code is rgb(158, 169, 31), Its CMYK value is cmyk(7%, 0%, 82%, 34%), and Its HSL value is hsl(65, 69%, 39%). Against white, it has contrast ratio of 2.58:1, while against black, the contrast ratio is 8.15:1. Its complementary color is #2A1FA8 and closest tailwind color is lime-500. This color goes well with #A7E679, #E6B979, #EEF2BA, #4E8ADF, and #A24EDF. To get this Citron color, you can mix #FFFF00 and #3D533E.

Citron color code
|
1. Color Conversions
HEX#9EA91F
RGB158, 169, 31
HSL65°, 69%, 39%
HSV65°, 69%, 66%
CMYK7%, 0%, 82%, 34%
Web Safe#999933
2. Contrast Ratio
Text on #FFFFFF2.58:1
Fail LargeFail Normal
Text on #0000008.15:1
AAA LargeAAA Normal
3. Citron Color Code in CSS
HEX
#9EA91F
RGB
rgb(158, 169, 31)
HSL
hsl(65, 69%, 39%)
Text Color
color: #9EA91F;
Background
background-color: #9EA91F;
Border Color
border-color: #9EA91F;
Box Shadow
box-shadow: 0 4px 14px 0 #9EA91F80;
SCSS
$color-citron: #9EA91F;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A3A340
Deuteranopia#A2A148
Tritanopia#9F5B61
Achromatopsia#969696
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive