Hex Color #026ACD - Custom Color

Color Codes

HEX

#026ACD

RGB

rgb(2, 106, 205)

HSL

hsl(209, 98%, 41%)

CMYK

cmyk(99%, 48%, 0%, 20%)

HSV

hsv(209, 99%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#02CFCC #026CCF #0206CF

Triadic

#026CCF #CF026C #6CCF02

Split Complementary

#026CCF #CF0206 #CFCC02

Tetradic (Square)

#026CCF #CC02CF #CF6502 #06CF02

Complementary

#026ACD #CF6502

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.32:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.95: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: #026ACD;

color: #026ACD;

border-color: #026ACD;

}

Tailwind CSS (with arbitrary values)

bg-[#026ACD]

text-[#026ACD]

border-[#026ACD]

// Example usage: