Hex Color #150A16 - Custom Color

Color Codes

HEX

#150A16

RGB

rgb(21, 10, 22)

HSL

hsl(295, 38%, 6%)

CMYK

cmyk(5%, 55%, 0%, 91%)

HSV

hsv(295, 55%, 9%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0E0915 #140915 #150910

Triadic

#140915 #151409 #091514

Split Complementary

#140915 #101509 #09150E

Tetradic (Square)

#140915 #150E09 #0A1509 #091015

Complementary

#150A16 #0A1509

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 19.32:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.09: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: #150A16;

color: #150A16;

border-color: #150A16;

}

Tailwind CSS (with arbitrary values)

bg-[#150A16]

text-[#150A16]

border-[#150A16]

// Example usage: