Hex Color #121822 - Custom Color

Color Codes

HEX

#121822

RGB

rgb(18, 24, 34)

HSL

hsl(218, 31%, 10%)

CMYK

cmyk(47%, 29%, 0%, 87%)

HSV

hsv(218, 47%, 13%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#121F21 #121721 #141221

Triadic

#121721 #211217 #172112

Split Complementary

#121721 #211412 #1F2112

Tetradic (Square)

#121721 #21121F #211C12 #122114

Complementary

#121822 #211C12

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.80:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.18: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: #121822;

color: #121822;

border-color: #121822;

}

Tailwind CSS (with arbitrary values)

bg-[#121822]

text-[#121822]

border-[#121822]

// Example usage: