Hex Color #141698 - Custom Color

Color Codes

HEX

#141698

RGB

rgb(20, 22, 152)

HSL

hsl(239, 77%, 34%)

CMYK

cmyk(87%, 86%, 0%, 40%)

HSV

hsv(239, 87%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#145999 #141699 #541499

Triadic

#141699 #991416 #169914

Split Complementary

#141699 #995414 #599914

Tetradic (Square)

#141699 #991459 #999714 #149954

Complementary

#141698 #999714

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 13.14:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.60: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: #141698;

color: #141698;

border-color: #141698;

}

Tailwind CSS (with arbitrary values)

bg-[#141698]

text-[#141698]

border-[#141698]

// Example usage: