#c5c8b5

Color #c5c8b5

A nearly neutral, gray-leaning light yellow.

Closest named color Silver #c0c0c0 · ΔE 10.39 Nearest Tailwind class olive-300 #d8d8d0 · ΔE 6.6

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

Conversions

HEX

#c5c8b5

RGB

rgb(197, 200, 181)

HSL

hsl(69.5, 14.7%, 74.7%)

HSV / HSB

hsv(69.5, 9.5%, 78.4%)

CMYK

cmyk(1.5%, 0%, 9.5%, 21.6%)

LAB

lab(79.91, -4.4, 9.15)

LCH

lch(79.91, 10.15, 115.68)

OKLCH

oklch(82.5%, 0.0261, 114.21)

HWB

hwb(69.5, 71%, 21.6%)

Harmony colors

Complementary

#b8b5c8

Analogous

#c8c1b5

#c5c8b5

#bbc8b5

Triadic

#c5c8b5

#b5c5c8

#c8b5c5

Split-complementary

#c5c8b5

#b5bbc8

#c1b5c8

Tetradic

#c5c8b5

#b5c8b8

#b8b5c8

#c8b5c5

Square

#c5c8b5

#b5c8c1

#b8b5c8

#c8b5bb

Shades

Color #c5c8b5 mixed toward black.

#a8ad91

#8c926c

#696d51

#464936

#23241b

Tints

Color #c5c8b5 mixed toward white.

#cfd1c1

#d8dace

#e2e3da

#ecede6

#f5f6f3

Tones

Color #c5c8b5 mixed toward gray.

#c4c6b7

#c3c5b8

#c2c3ba

#c1c2bb

#c0c0bd

Accessibility

Aa White text on this color

1.71:1

Aa Black text on this color

12.3:1

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

Under color vision deficiencies

Protanopia

#c6c6ba · ΔE 3.3

Deuteranopia

#c6c6bb · ΔE 3.7

Tritanopia

#c5bebe · ΔE 11.7

Achromatopsia

#c6c6c6 · ΔE 9

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

Code

CSS

background-color: #c5c8b5;

Tailwind (arbitrary value)

bg-[#c5c8b5]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#c5c8b5 (#c5c8b5) is rgb(197, 200, 181) in RGB.

No, #c5c8b5 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast