Hex Color #EBEF98 - Custom Color

Color Codes

HEX

#EBEF98

RGB

rgb(235, 239, 152)

HSL

hsl(63, 73%, 77%)

CMYK

cmyk(2%, 0%, 36%, 6%)

HSV

hsv(63, 36%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EFC99A #EBEF9A #C0EF9A

Triadic

#EBEF9A #9AEBEF #EF9AEB

Split Complementary

#EBEF9A #9AC0EF #C99AEF

Tetradic (Square)

#EBEF9A #9AEFC9 #9E9AEF #EF9AC0

Complementary

#EBEF98 #9E9AEF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.33: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: #EBEF98;

color: #EBEF98;

border-color: #EBEF98;

}

Tailwind CSS (with arbitrary values)

bg-[#EBEF98]

text-[#EBEF98]

border-[#EBEF98]

// Example usage: