Hex Color #0645EA - Custom Color

Color Codes

HEX

#0645EA

RGB

rgb(6, 69, 234)

HSL

hsl(223, 95%, 47%)

CMYK

cmyk(97%, 71%, 0%, 8%)

HSV

hsv(223, 97%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#06B8EA #0647EA #3706EA

Triadic

#0647EA #EA0647 #47EA06

Split Complementary

#0647EA #EA3706 #B8EA06

Tetradic (Square)

#0647EA #EA06B8 #EAA906 #06EA37

Complementary

#0645EA #EAA906

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.89:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.05: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: #0645EA;

color: #0645EA;

border-color: #0645EA;

}

Tailwind CSS (with arbitrary values)

bg-[#0645EA]

text-[#0645EA]

border-[#0645EA]

// Example usage: