Hex Color #145042 - Custom Color

Color Codes

HEX

#145042

RGB

rgb(20, 80, 66)

HSL

hsl(166, 60%, 20%)

CMYK

cmyk(75%, 0%, 18%, 69%)

HSV

hsv(166, 75%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#145225 #145243 #144152

Triadic

#145243 #431452 #524314

Split Complementary

#145243 #521441 #522514

Tetradic (Square)

#145243 #251452 #521423 #415214

Complementary

#145042 #521423

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.31:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.26: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: #145042;

color: #145042;

border-color: #145042;

}

Tailwind CSS (with arbitrary values)

bg-[#145042]

text-[#145042]

border-[#145042]

// Example usage: