Hex Color #021309 - Custom Color

Color Codes

HEX

#021309

RGB

rgb(2, 19, 9)

HSL

hsl(145, 81%, 4%)

CMYK

cmyk(89%, 0%, 53%, 93%)

HSV

hsv(145, 89%, 7%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#031202 #021209 #021211

Triadic

#021209 #090212 #120902

Split Complementary

#021209 #110212 #120203

Tetradic (Square)

#021209 #020312 #12020C #121102

Complementary

#021309 #12020C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 19.10:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.10:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #021309;

color: #021309;

border-color: #021309;

}

Tailwind CSS (with arbitrary values)

bg-[#021309]

text-[#021309]

border-[#021309]

// Example usage: