Hex Color #4DD5F1 - Custom Color

Color Codes

HEX

#4DD5F1

RGB

rgb(77, 213, 241)

HSL

hsl(190, 85%, 62%)

CMYK

cmyk(68%, 12%, 0%, 5%)

HSV

hsv(190, 68%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4CF0BA #4CD5F0 #4C83F0

Triadic

#4CD5F0 #F04CD5 #D5F04C

Split Complementary

#4CD5F0 #F04C83 #F0BA4C

Tetradic (Square)

#4CD5F0 #BA4CF0 #F0674C #83F04C

Complementary

#4DD5F1 #F0674C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.74:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.10:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #4DD5F1;

color: #4DD5F1;

border-color: #4DD5F1;

}

Tailwind CSS (with arbitrary values)

bg-[#4DD5F1]

text-[#4DD5F1]

border-[#4DD5F1]

// Example usage: