Hex Color #063DBF - Custom Color

Color Codes

HEX

#063DBF

RGB

rgb(6, 61, 191)

HSL

hsl(222, 94%, 39%)

CMYK

cmyk(97%, 68%, 0%, 25%)

HSV

hsv(222, 97%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#069CC1 #063EC1 #2B06C1

Triadic

#063EC1 #C1063E #3EC106

Split Complementary

#063EC1 #C12B06 #9CC106

Tetradic (Square)

#063EC1 #C1069C #C18906 #06C12B

Complementary

#063DBF #C18906

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.65:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.43: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: #063DBF;

color: #063DBF;

border-color: #063DBF;

}

Tailwind CSS (with arbitrary values)

bg-[#063DBF]

text-[#063DBF]

border-[#063DBF]

// Example usage: