Hex Color #DFE197 - Custom Color

Color Codes

HEX

#DFE197

RGB

rgb(223, 225, 151)

HSL

hsl(62, 55%, 74%)

CMYK

cmyk(1%, 0%, 33%, 12%)

HSV

hsv(62, 33%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E1BF98 #DFE198 #BAE198

Triadic

#DFE198 #98DFE1 #E198DF

Split Complementary

#DFE198 #98BAE1 #BF98E1

Tetradic (Square)

#DFE198 #98E1BF #9B98E1 #E198BA

Complementary

#DFE197 #9B98E1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.37:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.35: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: #DFE197;

color: #DFE197;

border-color: #DFE197;

}

Tailwind CSS (with arbitrary values)

bg-[#DFE197]

text-[#DFE197]

border-[#DFE197]

// Example usage: