Hex Color #4D7CBC - Custom Color

Color Codes

HEX

#4D7CBC

RGB

rgb(77, 124, 188)

HSL

hsl(215, 45%, 52%)

CMYK

cmyk(59%, 34%, 0%, 26%)

HSV

hsv(215, 59%, 74%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4EB3BC #4E7BBC #574EBC

Triadic

#4E7BBC #BC4E7B #7BBC4E

Split Complementary

#4E7BBC #BC574E #B3BC4E

Tetradic (Square)

#4E7BBC #BC4EB3 #BC8E4E #4EBC57

Complementary

#4D7CBC #BC8E4E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.26:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.92: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: #4D7CBC;

color: #4D7CBC;

border-color: #4D7CBC;

}

Tailwind CSS (with arbitrary values)

bg-[#4D7CBC]

text-[#4D7CBC]

border-[#4D7CBC]

// Example usage: