Coloried

Olive

Olive color is a vivid shade of dark green. Its hex code is #808000 and rgb code is rgb(128, 128, 0), Its CMYK value is cmyk(0%, 0%, 100%, 50%), and Its HSL value is hsl(60, 100%, 25%). Against white, it has a contrast ratio of 4.20:1, while against black, the contrast ratio is 5.01:1. Its complementary color is #000080 and closest tailwind color is yellow-700. This color goes well with #8CFF1A, #FF8C1A, #FFFF66, #0073E6, and #7300E6. To recreate the Olive color, you can mix #FFFF00 and #010100.

Olive color code
|
1. Color Conversions
HEX#808000
RGB128, 128, 0
HSL60°, 100%, 25%
HSV60°, 100%, 50%
CMYK0%, 0%, 100%, 50%
Web Safe#999900
2. Contrast Ratio
Text on #FFFFFF4.20:1
AAA LargeFail Normal
Text on #0000005.01:1
AAA LargeAAA Normal
3. Olive Color Code in CSS
HEX
#808000
RGB
rgb(128, 128, 0)
HSL
hsl(60, 100%, 25%)
Text Color
color: #808000;
Background
background-color: #808000;
Border Color
border-color: #808000;
Box Shadow
box-shadow: 0 4px 14px 0 #80800080;
SCSS
$color-olive: #808000;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#80801F
Deuteranopia#808026
Tritanopia#80373D
Achromatopsia#717171
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive