Hex Color #101AAF - Custom Color

Color Codes

HEX

#101AAF

RGB

rgb(16, 26, 175)

HSL

hsl(236, 83%, 37%)

CMYK

cmyk(91%, 85%, 0%, 31%)

HSV

hsv(236, 91%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1069AD #101AAD #5410AD

Triadic

#101AAD #AD101A #1AAD10

Split Complementary

#101AAD #AD5410 #69AD10

Tetradic (Square)

#101AAD #AD1069 #ADA210 #10AD54

Complementary

#101AAF #ADA210

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.74:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.79: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: #101AAF;

color: #101AAF;

border-color: #101AAF;

}

Tailwind CSS (with arbitrary values)

bg-[#101AAF]

text-[#101AAF]

border-[#101AAF]

// Example usage: