Hex Color Codes

Hex Color #020200 - Custom Color

Color Codes

HEX
#020200
RGB
rgb(2, 2, 0)
HSL
hsl(60, 100%, 0%)
CMYK
cmyk(0%, 0%, 100%, 99%)
HSV
hsv(60, 100%, 1%)
Color Name
Custom Color

Color Variations

Tints (Lighter)

#555500#AAAA00#FFFF00#FFFF55#FFFFAA

Shades (Darker)

#000000#000000#000000#000000#000000

Tones (Grayed)

#000000#000000#000000#000000#000000

Color Harmonies

Analogous

#000000#000000#000000

Triadic

#000000#000000#000000

Split Complementary

#000000#000000#000000

Tetradic (Square)

#000000#000000#000000#000000

Complementary

#020200#000000

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 20.77:1
Pass - WCAG AA (Normal Text)
Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.01:1
Fail - WCAG AA (Normal Text)
Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Similar Colors

#000000#000000#1C2302#262F00#000000#040500#0D1000#000000#121501#000000

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {
background-color: #020200;
color: #020200;
border-color: #020200;
}

Tailwind CSS (with arbitrary values)

bg-[#020200]
text-[#020200]
border-[#020200]
// Example usage:
<div className="bg-[#020200]">