Hex Color #168CEA - Custom Color

Color Codes

HEX

#168CEA

RGB

rgb(22, 140, 234)

HSL

hsl(207, 83%, 50%)

CMYK

cmyk(91%, 40%, 0%, 8%)

HSV

hsv(207, 91%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#16E9DF #168AE9 #1620E9

Triadic

#168AE9 #E9168A #8AE916

Split Complementary

#168AE9 #E91620 #E9DF16

Tetradic (Square)

#168AE9 #DF16E9 #E97516 #20E916

Complementary

#168CEA #E97516

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.52:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.97: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: #168CEA;

color: #168CEA;

border-color: #168CEA;

}

Tailwind CSS (with arbitrary values)

bg-[#168CEA]

text-[#168CEA]

border-[#168CEA]

// Example usage: