#cbd174

Color #cbd174

A moderately saturated light yellow.

Closest named color Khaki #f0e68c · ΔE 10.88 Nearest Tailwind class yellow-200 #fff085 · ΔE 9.7

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

Conversions

HEX

#cbd174

RGB

rgb(203, 209, 116)

HSL

hsl(63.9, 50.3%, 63.7%)

HSV / HSB

hsv(63.9, 44.5%, 82%)

CMYK

cmyk(2.9%, 0%, 44.5%, 18%)

LAB

lab(81.6, -15.49, 45.23)

LCH

lch(81.6, 47.81, 108.9)

OKLCH

oklch(83.6%, 0.1171, 111.92)

HWB

hwb(63.9, 45.5%, 18%)

Harmony colors

Complementary

#7a74d1

Analogous

#d1a874

#cbd174

#9cd174

Triadic

#cbd174

#74cbd1

#d174cb

Split-complementary

#cbd174

#749cd1

#a874d1

Tetradic

#cbd174

#74d17a

#7a74d1

#d174cb

Square

#cbd174

#74d1a8

#7a74d1

#d1749c

Shades

Color #cbd174 mixed toward black.

#bcc44b

#9ca336

#757a28

#4e511b

#27290d

Tints

Color #cbd174 mixed toward white.

#d4d98b

#dce0a2

#e5e8b9

#eef0d1

#f6f7e8

Tones

Color #cbd174 mixed toward gray.

#c4c97c

#bdc183

#b7ba8b

#b0b293

#a9aa9b

Accessibility

Aa White text on this color

1.63:1

Aa Black text on this color

12.91:1

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

Under color vision deficiencies

Protanopia

#cece92 · ΔE 6

Deuteranopia

#cdcd98 · ΔE 7.4

Tritanopia

#cba5a9 · ΔE 35.4

Achromatopsia

#cbcbcb · ΔE 23.3

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

Code

CSS

background-color: #cbd174;

Tailwind (arbitrary value)

bg-[#cbd174]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#cbd174 (#cbd174) is rgb(203, 209, 116) in RGB.

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

Generate a palette → Check contrast