Coloried

Citrus

Citrus color is a bold shade of yellow. Its hex code is #C7D93B and rgb code is rgb(199, 217, 59), Its CMYK value is cmyk(8%, 0%, 73%, 15%), and Its HSL value is hsl(67, 68%, 54%). Against white, it has contrast ratio of 1.57:1, while against black, the contrast ratio is 13.42:1. Its complementary color is #4D3AD9 and closest tailwind color is lime-400. This color goes well with #336714, #674714, #232707, #1C4992, and #641C92. To get this Citrus color, you can mix #FFFF00 and #8FB376.

Citrus color code
|
1. Color Conversions
HEX#C7D93B
RGB199, 217, 59
HSL67°, 68%, 54%
HSV67°, 68%, 85%
CMYK8%, 0%, 73%, 15%
Web Safe#CCCC33
2. Contrast Ratio
Text on #FFFFFF1.57:1
Fail LargeFail Normal
Text on #00000013.42:1
AAA LargeAAA Normal
3. Citrus Color Code in CSS
HEX
#C7D93B
RGB
rgb(199, 217, 59)
HSL
hsl(67, 68%, 54%)
Text Color
color: #C7D93B;
Background
background-color: #C7D93B;
Border Color
border-color: #C7D93B;
Box Shadow
box-shadow: 0 4px 14px 0 #C7D93B80;
SCSS
$color-citrus: #C7D93B;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#CFCF61
Deuteranopia#CECC6A
Tritanopia#C87F86
Achromatopsia#C2C2C2
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive