Hex Color #638691 - Custom Color

Color Codes

HEX

#638691

RGB

rgb(99, 134, 145)

HSL

hsl(194, 19%, 48%)

CMYK

cmyk(32%, 8%, 0%, 43%)

HSV

hsv(194, 32%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#639285 #638792 #637092

Triadic

#638792 #926387 #879263

Split Complementary

#638792 #926370 #928563

Tetradic (Square)

#638792 #856392 #926E63 #709263

Complementary

#638691 #926E63

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.93:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.35:1

Pass - 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: #638691;

color: #638691;

border-color: #638691;

}

Tailwind CSS (with arbitrary values)

bg-[#638691]

text-[#638691]

border-[#638691]

// Example usage: