Hex Color #2145ED - Custom Color

Color Codes

HEX

#2145ED

RGB

rgb(33, 69, 237)

HSL

hsl(229, 85%, 53%)

CMYK

cmyk(86%, 71%, 0%, 7%)

HSV

hsv(229, 86%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#21ADED #2147ED #6221ED

Triadic

#2147ED #ED2147 #47ED21

Split Complementary

#2147ED #ED6221 #ADED21

Tetradic (Square)

#2147ED #ED21AD #EDC821 #21ED62

Complementary

#2145ED #EDC821

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.69:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.14: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: #2145ED;

color: #2145ED;

border-color: #2145ED;

}

Tailwind CSS (with arbitrary values)

bg-[#2145ED]

text-[#2145ED]

border-[#2145ED]

// Example usage: