#cfd855

Color #cfd855

A moderately saturated medium yellow.

Closest named color Yellow Green #9acd32 · ΔE 19.93 Nearest Tailwind class yellow-200 #fff085 · ΔE 9

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

Conversions

HEX

#cfd855

RGB

rgb(207, 216, 85)

HSL

hsl(64.1, 62.7%, 59%)

HSV / HSB

hsv(64.1, 60.6%, 84.7%)

CMYK

cmyk(4.2%, 0%, 60.6%, 15.3%)

LAB

lab(83.46, -19.96, 61.67)

LCH

lch(83.46, 64.82, 107.93)

OKLCH

oklch(85.1%, 0.1531, 112.91)

HWB

hwb(64.1, 33.3%, 15.3%)

Harmony colors

Complementary

#5e55d8

Analogous

#d89f55

#cfd855

#8dd855

Triadic

#cfd855

#55cfd8

#d855cf

Split-complementary

#cfd855

#558dd8

#9f55d8

Tetradic

#cfd855

#55d85e

#5e55d8

#d855cf

Square

#cfd855

#55d89f

#5e55d8

#d8558d

Shades

Color #cfd855 mixed toward black.

#c1cc2f

#9ba325

#747a1c

#4d5213

#272909

Tints

Color #cfd855 mixed toward white.

#d7df71

#dfe58e

#e7ecaa

#eff2c6

#f7f9e3

Tones

Color #cfd855 mixed toward gray.

#c6cd60

#bcc26b

#b3b776

#a9ac81

#a0a18c

Accessibility

Aa White text on this color

1.54:1

Aa Black text on this color

13.61:1

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

Under color vision deficiencies

Protanopia

#d3d385 · ΔE 7.3

Deuteranopia

#d2d28e · ΔE 9.1

Tritanopia

#cf9fa5 · ΔE 42.2

Achromatopsia

#d0d0d0 · ΔE 26.4

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

Code

CSS

background-color: #cfd855;

Tailwind (arbitrary value)

bg-[#cfd855]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#cfd855 (#cfd855) is rgb(207, 216, 85) in RGB.

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

Generate a palette → Check contrast