#CDD5D5

Inspect #CDD5D5 with RGB, HSL, OKLCH, and CMYK conversions, WCAG contrast checks, variations, color harmonies, and design guidance.

#cdd5d5

Hue Family

cyan

Temperature

cool

Lightness

light

Saturation

muted

Conversions

Accessibility analysis

Contrast previews use this color's real foreground and background pairings.

WCAG 2.2 Contrast Minimum Understanding Contrast Minimum

Text on white

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

23.13

Poor

WCAG

1.49 : 1

Poor

Text on black

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

80.09

Excellent

WCAG

14.07 : 1

AAA

Best foreground

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

80.61

Excellent

WCAG

14.07 : 1

AAA

Visual Exploration

Shades

Base mixed toward black in perceptual OKLCH.

Tints

Base mixed toward white in perceptual OKLCH.

Tones

Base mixed toward neutral gray for quieter UI surfaces.

Hue sweep

Nearby hue rotations that keep the color weight intact.

Temperature

Cool-to-warm movement with the base color held at center.

Color Harmonies

Complementary

The base color paired with its opposite hue.

Split complementary

The base color paired with the two neighboring opposite hues.

Triadic

Three evenly spaced hues around the wheel.

Analogous

Nearby hues that stay close to the base color.

Square

Four balanced hues spaced evenly around the wheel.