#cdcbd3

Color #cdcbd3

A nearly neutral, gray-leaning very light blue.

Closest named color Light Gray #d3d3d3 · ΔE 4.98 Nearest Tailwind class mauve-300 #d7d0d7 · ΔE 2.7

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

Conversions

HEX

#cdcbd3

RGB

rgb(205, 203, 211)

HSL

hsl(255, 8.3%, 81.2%)

HSV / HSB

hsv(255, 3.8%, 82.7%)

CMYK

cmyk(2.8%, 3.8%, 0%, 17.3%)

LAB

lab(82.05, 2.16, -3.72)

LCH

lch(82.05, 4.3, 300.14)

OKLCH

oklch(84.6%, 0.0112, 297.71)

HWB

hwb(255, 79.6%, 17.3%)

Harmony colors

Complementary

#d1d3cb

Analogous

#cbcdd3

#cdcbd3

#d1cbd3

Triadic

#cdcbd3

#d3cdcb

#cbd3cd

Split-complementary

#cdcbd3

#d3d1cb

#cdd3cb

Tetradic

#cdcbd3

#d3cbd1

#d1d3cb

#cbd3cd

Square

#cdcbd3

#d3cbcd

#d1d3cb

#cbd3d1

Shades

Color #cdcbd3 mixed toward black.

#a9a6b3

#858094

#635f70

#423f4b

#212025

Tints

Color #cdcbd3 mixed toward white.

#d5d4da

#dedce2

#e6e5e9

#eeeef0

#f7f6f8

Tones

Color #cdcbd3 mixed toward gray.

#cdccd2

#ceccd2

#cecdd1

#ceced0

#cfced0

Accessibility

Aa White text on this color

1.61:1

Aa Black text on this color

13.08:1

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

Under color vision deficiencies

Protanopia

#ccccd1 · ΔE 1.9

Deuteranopia

#ccccd1 · ΔE 1.9

Tritanopia

#cdd0cf · ΔE 5.9

Achromatopsia

#cccccc · ΔE 4.4

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

Code

CSS

background-color: #cdcbd3;

Tailwind (arbitrary value)

bg-[#cdcbd3]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Frequently asked questions

#cdcbd3 (#cdcbd3) is rgb(205, 203, 211) in RGB.

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

Generate a palette → Check contrast