Hex Color #167BB2 - Custom Color

Color Codes

HEX

#167BB2

RGB

rgb(22, 123, 178)

HSL

hsl(201, 78%, 39%)

CMYK

cmyk(88%, 31%, 0%, 30%)

HSV

hsv(201, 88%, 70%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#16B19A #167BB1 #162DB1

Triadic

#167BB1 #B1167B #7BB116

Split Complementary

#167BB1 #B1162D #B19A16

Tetradic (Square)

#167BB1 #9A16B1 #B14C16 #2DB116

Complementary

#167BB2 #B14C16

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.66:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.51: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: #167BB2;

color: #167BB2;

border-color: #167BB2;

}

Tailwind CSS (with arbitrary values)

bg-[#167BB2]

text-[#167BB2]

border-[#167BB2]

// Example usage: