Coloried

Avocado Green

Avocado Green color is a intense shade of dark green. Its hex code is #568203 and rgb code is rgb(86, 130, 3), Its CMYK value is cmyk(34%, 0%, 98%, 49%), and Its HSL value is hsl(81, 95%, 26%). The contrast ratio against white is 4.58:1, and against black, contrast ratio is 4.59:1. Its complementary color is #2F0381 and closest tailwind color is lime-700. This color goes well with #44F924, #F9D924, #CAFB6F, #0627E5, and #C306E5. To recreate the Avocado Green color, you can mix #00FF00 and #AC0506.

Avocado Green color code
|
1. Color Conversions
HEX#568203
RGB86, 130, 3
HSL81°, 95%, 26%
HSV81°, 95%, 51%
CMYK34%, 0%, 98%, 49%
Web Safe#669900
2. Contrast Ratio
Text on #FFFFFF4.58:1
AAA LargeAAA Normal
Text on #0000004.59:1
AAA LargeAAA Normal
3. Avocado Green Color Code in CSS
HEX
#568203
RGB
rgb(86, 130, 3)
HSL
hsl(81, 95%, 26%)
Text Color
color: #568203;
Background
background-color: #568203;
Border Color
border-color: #568203;
Box Shadow
box-shadow: 0 4px 14px 0 #56820380;
SCSS
$color-avocado-green: #568203;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#696922
Deuteranopia#676329
Tritanopia#583A3F
Achromatopsia#666666
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive