Hex Color #DFECBF - Custom Color

Color Codes

HEX

#DFECBF

RGB

rgb(223, 236, 191)

HSL

hsl(77, 54%, 84%)

CMYK

cmyk(6%, 0%, 19%, 7%)

HSV

hsv(77, 19%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ECE3C0 #E0ECC0 #CAECC0

Triadic

#E0ECC0 #C0E0EC #ECC0E0

Split Complementary

#E0ECC0 #C0CAEC #E3C0EC

Tetradic (Square)

#E0ECC0 #C0ECE3 #CDC0EC #ECC0CA

Complementary

#DFECBF #CDC0EC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.24:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.89: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: #DFECBF;

color: #DFECBF;

border-color: #DFECBF;

}

Tailwind CSS (with arbitrary values)

bg-[#DFECBF]

text-[#DFECBF]

border-[#DFECBF]

// Example usage: