Hex Color #1E2326 - Custom Color

Color Codes

HEX

#1E2326

RGB

rgb(30, 35, 38)

HSL

hsl(202, 12%, 13%)

CMYK

cmyk(21%, 8%, 0%, 85%)

HSV

hsv(202, 21%, 15%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1D2524 #1D2225 #1D1E25

Triadic

#1D2225 #251D22 #22251D

Split Complementary

#1D2225 #251D1E #25241D

Tetradic (Square)

#1D2225 #241D25 #25201D #1E251D

Complementary

#1E2326 #25201D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 15.87:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.32: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: #1E2326;

color: #1E2326;

border-color: #1E2326;

}

Tailwind CSS (with arbitrary values)

bg-[#1E2326]

text-[#1E2326]

border-[#1E2326]

// Example usage: