Hex Color #206EF1 - Custom Color

Color Codes

HEX

#206EF1

RGB

rgb(32, 110, 241)

HSL

hsl(218, 88%, 54%)

CMYK

cmyk(87%, 54%, 0%, 5%)

HSV

hsv(218, 87%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#22D5F1 #226EF1 #3E22F1

Triadic

#226EF1 #F1226E #6EF122

Split Complementary

#226EF1 #F13E22 #D5F122

Tetradic (Square)

#226EF1 #F122D5 #F1A522 #22F13E

Complementary

#206EF1 #F1A522

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.60:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.56:1

Pass - 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: #206EF1;

color: #206EF1;

border-color: #206EF1;

}

Tailwind CSS (with arbitrary values)

bg-[#206EF1]

text-[#206EF1]

border-[#206EF1]

// Example usage: