Hex Color #074E49 - Custom Color

Color Codes

HEX

#074E49

RGB

rgb(7, 78, 73)

HSL

hsl(176, 84%, 17%)

CMYK

cmyk(91%, 0%, 6%, 69%)

HSV

hsv(176, 91%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#075026 #07504B #073050

Triadic

#07504B #4B0750 #504B07

Split Complementary

#07504B #500730 #502607

Tetradic (Square)

#07504B #260750 #50070C #305007

Complementary

#074E49 #50070C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.19: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: #074E49;

color: #074E49;

border-color: #074E49;

}

Tailwind CSS (with arbitrary values)

bg-[#074E49]

text-[#074E49]

border-[#074E49]

// Example usage: