Hex Color #194DC4 - Custom Color

Color Codes

HEX

#194DC4

RGB

rgb(25, 77, 196)

HSL

hsl(222, 77%, 43%)

CMYK

cmyk(87%, 61%, 0%, 23%)

HSV

hsv(222, 87%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#19A0C2 #194CC2 #3B19C2

Triadic

#194CC2 #C2194C #4CC219

Split Complementary

#194CC2 #C23B19 #A0C219

Tetradic (Square)

#194CC2 #C219A0 #C28F19 #19C23B

Complementary

#194DC4 #C28F19

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.24:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.90: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: #194DC4;

color: #194DC4;

border-color: #194DC4;

}

Tailwind CSS (with arbitrary values)

bg-[#194DC4]

text-[#194DC4]

border-[#194DC4]

// Example usage: