Hex Color #1640A7 - Custom Color

Color Codes

HEX

#1640A7

RGB

rgb(22, 64, 167)

HSL

hsl(223, 77%, 37%)

CMYK

cmyk(87%, 62%, 0%, 35%)

HSV

hsv(223, 87%, 65%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1688A7 #163FA7 #3516A7

Triadic

#163FA7 #A7163F #3FA716

Split Complementary

#163FA7 #A73516 #88A716

Tetradic (Square)

#163FA7 #A71688 #A77E16 #16A735

Complementary

#1640A7 #A77E16

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.03:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.33: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: #1640A7;

color: #1640A7;

border-color: #1640A7;

}

Tailwind CSS (with arbitrary values)

bg-[#1640A7]

text-[#1640A7]

border-[#1640A7]

// Example usage: