Hex Color #14251B - Custom Color

Color Codes

HEX

#14251B

RGB

rgb(20, 37, 27)

HSL

hsl(145, 30%, 11%)

CMYK

cmyk(46%, 0%, 27%, 85%)

HSV

hsv(145, 46%, 15%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#152414 #14241B #142423

Triadic

#14241B #1B1424 #241B14

Split Complementary

#14241B #231424 #241415

Tetradic (Square)

#14241B #141524 #24141D #242314

Complementary

#14251B #24141D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 16.03:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.31: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: #14251B;

color: #14251B;

border-color: #14251B;

}

Tailwind CSS (with arbitrary values)

bg-[#14251B]

text-[#14251B]

border-[#14251B]

// Example usage: