#45402B

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

#45402b

Hue Family

brown

Temperature

warm

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

94.12

Excellent

WCAG

10.39 : 1

AAA

Text on black

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

8.44

Poor

WCAG

2.02 : 1

Poor

Best foreground

Large

Readable heading sample

Small

Body copy preview for interface text.

Extra small

Metadata and helper text preview.

APCA

98.13

Excellent

WCAG

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