Hex Color #064082 - Custom Color

Color Codes

HEX

#064082

RGB

rgb(6, 64, 130)

HSL

hsl(212, 91%, 27%)

CMYK

cmyk(95%, 51%, 0%, 49%)

HSV

hsv(212, 95%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#067F84 #064184 #0A0684

Triadic

#064184 #840641 #418406

Split Complementary

#064184 #840A06 #7F8406

Tetradic (Square)

#064184 #84067F #844906 #06840A

Complementary

#064082 #844906

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.18:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.06: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: #064082;

color: #064082;

border-color: #064082;

}

Tailwind CSS (with arbitrary values)

bg-[#064082]

text-[#064082]

border-[#064082]

// Example usage: