Hex Color #064942 - Custom Color

Color Codes

HEX

#064942

RGB

rgb(6, 73, 66)

HSL

hsl(174, 85%, 15%)

CMYK

cmyk(92%, 0%, 10%, 71%)

HSV

hsv(174, 92%, 29%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#064720 #064740 #062D47

Triadic

#064740 #400647 #474006

Split Complementary

#064740 #47062D #472006

Tetradic (Square)

#064740 #200647 #47060C #2D4706

Complementary

#064942 #47060C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.30:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.04: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: #064942;

color: #064942;

border-color: #064942;

}

Tailwind CSS (with arbitrary values)

bg-[#064942]

text-[#064942]

border-[#064942]

// Example usage: