Hex Color #48DFF4 - Custom Color

Color Codes

HEX

#48DFF4

RGB

rgb(72, 223, 244)

HSL

hsl(187, 89%, 62%)

CMYK

cmyk(70%, 9%, 0%, 4%)

HSV

hsv(187, 70%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#48F4B2 #48E0F4 #488AF4

Triadic

#48E0F4 #F448E0 #E0F448

Split Complementary

#48E0F4 #F4488A #F4B248

Tetradic (Square)

#48E0F4 #B248F4 #F45C48 #8AF448

Complementary

#48DFF4 #F45C48

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.60:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.14: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: #48DFF4;

color: #48DFF4;

border-color: #48DFF4;

}

Tailwind CSS (with arbitrary values)

bg-[#48DFF4]

text-[#48DFF4]

border-[#48DFF4]

// Example usage: