Hex Color #DFEBCB - Custom Color

Color Codes

HEX

#DFEBCB

RGB

rgb(223, 235, 203)

HSL

hsl(82, 44%, 86%)

CMYK

cmyk(5%, 0%, 14%, 8%)

HSV

hsv(82, 14%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EBE7CC #DFEBCC #D0EBCC

Triadic

#DFEBCC #CCDFEB #EBCCDF

Split Complementary

#DFEBCC #CCD0EB #E7CCEB

Tetradic (Square)

#DFEBCC #CCEBE7 #D7CCEB #EBCCD0

Complementary

#DFEBCB #D7CCEB

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.88: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: #DFEBCB;

color: #DFEBCB;

border-color: #DFEBCB;

}

Tailwind CSS (with arbitrary values)

bg-[#DFEBCB]

text-[#DFEBCB]

border-[#DFEBCB]

// Example usage: