#405B50

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

#405b50

Hue Family

teal

Temperature

cool

Lightness

dark

Saturation

soft

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

85.76

Excellent

WCAG

7.42 : 1

AAA

Text on black

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

16.29

Poor

WCAG

2.83 : 1

Poor

Best foreground

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

90.6

Excellent

WCAG

7.42 : 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.