Hex Color #011214 - Custom Color

Color Codes

HEX

#011214

RGB

rgb(1, 18, 20)

HSL

hsl(186, 90%, 4%)

CMYK

cmyk(95%, 10%, 0%, 92%)

HSV

hsv(186, 95%, 8%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#01130C #011213 #010813

Triadic

#011213 #130112 #121301

Split Complementary

#011213 #130108 #130C01

Tetradic (Square)

#011213 #0C0113 #130301 #081301

Complementary

#011214 #130301

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 19.13: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: #011214;

color: #011214;

border-color: #011214;

}

Tailwind CSS (with arbitrary values)

bg-[#011214]

text-[#011214]

border-[#011214]

// Example usage: