Hex Color #165387 - Custom Color

Color Codes

HEX

#165387

RGB

rgb(22, 83, 135)

HSL

hsl(208, 72%, 31%)

CMYK

cmyk(84%, 39%, 0%, 47%)

HSV

hsv(208, 84%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#168884 #165388 #161A88

Triadic

#165388 #881653 #538816

Split Complementary

#165388 #88161A #888416

Tetradic (Square)

#165388 #841688 #884B16 #1A8816

Complementary

#165387 #884B16

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.01:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.62: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: #165387;

color: #165387;

border-color: #165387;

}

Tailwind CSS (with arbitrary values)

bg-[#165387]

text-[#165387]

border-[#165387]

// Example usage: