Hex Color #210BBF - Custom Color

Color Codes

HEX

#210BBF

RGB

rgb(33, 11, 191)

HSL

hsl(247, 89%, 40%)

CMYK

cmyk(83%, 94%, 0%, 25%)

HSV

hsv(247, 94%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0B51C1 #200BC1 #7B0BC1

Triadic

#200BC1 #C1200B #0BC120

Split Complementary

#200BC1 #C17B0B #51C10B

Tetradic (Square)

#200BC1 #C10B51 #ACC10B #0BC17B

Complementary

#210BBF #ACC10B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.26:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.86: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: #210BBF;

color: #210BBF;

border-color: #210BBF;

}

Tailwind CSS (with arbitrary values)

bg-[#210BBF]

text-[#210BBF]

border-[#210BBF]

// Example usage: