Hex Color #95DCFB - Custom Color

Color Codes

HEX

#95DCFB

RGB

rgb(149, 220, 251)

HSL

hsl(198, 93%, 78%)

CMYK

cmyk(41%, 12%, 0%, 2%)

HSV

hsv(198, 41%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#93FBE6 #93DCFB #93A8FB

Triadic

#93DCFB #FB93DC #DCFB93

Split Complementary

#93DCFB #FB93A8 #FBE693

Tetradic (Square)

#93DCFB #E693FB #FBB293 #A8FB93

Complementary

#95DCFB #FBB293

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.91: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: #95DCFB;

color: #95DCFB;

border-color: #95DCFB;

}

Tailwind CSS (with arbitrary values)

bg-[#95DCFB]

text-[#95DCFB]

border-[#95DCFB]

// Example usage: