Hex Color #DFF0F8 - Custom Color

Color Codes

HEX

#DFF0F8

RGB

rgb(223, 240, 248)

HSL

hsl(199, 64%, 92%)

CMYK

cmyk(10%, 3%, 0%, 3%)

HSV

hsv(199, 10%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DEF8F3 #DEEFF8 #DEE2F8

Triadic

#DEEFF8 #F8DEEF #EFF8DE

Split Complementary

#DEEFF8 #F8DEE2 #F8F3DE

Tetradic (Square)

#DEEFF8 #F3DEF8 #F8E6DE #E2F8DE

Complementary

#DFF0F8 #F8E6DE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.17:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.96: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: #DFF0F8;

color: #DFF0F8;

border-color: #DFF0F8;

}

Tailwind CSS (with arbitrary values)

bg-[#DFF0F8]

text-[#DFF0F8]

border-[#DFF0F8]

// Example usage: