#ecf2bc

Color #ecf2bc

A moderately saturated very light yellow.

Closest named color Pale Goldenrod #eee8aa · ΔE 6.99 Nearest Tailwind class lime-100 #ecfcca · ΔE 3.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#ecf2bc

RGB

rgb(236, 242, 188)

HSL

hsl(66.7, 67.5%, 84.3%)

HSV / HSB

hsv(66.7, 22.3%, 94.9%)

CMYK

cmyk(2.5%, 0%, 22.3%, 5.1%)

LAB

lab(93.87, -10.68, 25.47)

LCH

lch(93.87, 27.62, 112.75)

OKLCH

oklch(94.3%, 0.0702, 112.88)

HWB

hwb(66.7, 73.7%, 5.1%)

Harmony colors

Complementary

#c2bcf2

Analogous

#f2ddbc

#ecf2bc

#d1f2bc

Triadic

#ecf2bc

#bcecf2

#f2bcec

Split-complementary

#ecf2bc

#bcd1f2

#ddbcf2

Tetradic

#ecf2bc

#bcf2c2

#c2bcf2

#f2bcec

Square

#ecf2bc

#bcf2dd

#c2bcf2

#f2bcd1

Shades

Color #ecf2bc mixed toward black.

#dbe680

#cadb44

#a4b423

#6d7817

#373c0c

Tints

Color #ecf2bc mixed toward white.

#eff4c7

#f2f6d2

#f5f8dd

#f9fbe9

#fcfdf4

Tones

Color #ecf2bc mixed toward gray.

#e8edc0

#e5e9c5

#e1e4c9

#dee0ce

#dadbd2

Accessibility

Aa White text on this color

1.17:1

Aa Black text on this color

17.99:1

Black text reads better on this background (17.99:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#efefcb · ΔE 4.9

Deuteranopia

#eeeece · ΔE 6

Tritanopia

#ecd6d8 · ΔE 26.9

Achromatopsia

#ededed · ΔE 17.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #ecf2bc;

Tailwind (arbitrary value)

bg-[#ecf2bc]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#ecf2bc (#ecf2bc) is rgb(236, 242, 188) in RGB.

No, #ecf2bc is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #ecf2bc, or check how it holds up for accessibility.

Generate a palette → Check contrast