#cef0cb

Color #cef0cb

A moderately saturated very light green.

Closest named color Light Goldenrod Yellow #fafad2 · ΔE 13.69 Nearest Tailwind class green-200 #b9f8cf · ΔE 5.6

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

Conversions

HEX

#cef0cb

RGB

rgb(206, 240, 203)

HSL

hsl(115.1, 55.2%, 86.9%)

HSV / HSB

hsv(115.1, 15.4%, 94.1%)

CMYK

cmyk(14.2%, 0%, 15.4%, 5.9%)

LAB

lab(91.57, -17.83, 14.24)

LCH

lch(91.57, 22.82, 141.39)

OKLCH

oklch(92.1%, 0.061, 142.87)

HWB

hwb(115.1, 79.6%, 5.9%)

Harmony colors

Complementary

#edcbf0

Analogous

#e1f0cb

#cef0cb

#cbf0db

Triadic

#cef0cb

#cbcef0

#f0cbce

Split-complementary

#cef0cb

#dbcbf0

#f0cbe1

Tetradic

#cef0cb

#cbf0ed

#edcbf0

#f0cbce

Square

#cef0cb

#cbe1f0

#edcbf0

#f0dbcb

Shades

Color #cef0cb mixed toward black.

#98df92

#62cf59

#3cac32

#287321

#143911

Tints

Color #cef0cb mixed toward white.

#d6f3d4

#def5dc

#e7f8e5

#effaee

#f7fdf6

Tones

Color #cef0cb mixed toward gray.

#d1edce

#d3ead1

#d6e7d4

#d8e4d7

#dbe1db

Accessibility

Aa White text on this color

1.24:1

Aa Black text on this color

16.95:1

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

Under color vision deficiencies

Protanopia

#deded5 · ΔE 14.8

Deuteranopia

#dcd9d7 · ΔE 18.9

Tritanopia

#d0dcde · ΔE 16.4

Achromatopsia

#e7e7e7 · ΔE 17.8

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

Code

CSS

background-color: #cef0cb;

Tailwind (arbitrary value)

bg-[#cef0cb]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#cef0cb (#cef0cb) is rgb(206, 240, 203) in RGB.

No, #cef0cb 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 #cef0cb, or check how it holds up for accessibility.

Generate a palette → Check contrast