#2A3C30

#2A3C30

white

#FFFFFF

Contrast Ratio

11.75:1

Delta E

77.4

Very Different

50:50 Mix

#8D9890

Color Values

Format #2A3C30 #FFFFFF
HEX #2A3C30 #FFFFFF
RGB 42, 60, 48 255, 255, 255
HSL 140.0, 17.6%, 20.0% 0.0, 0.0%, 100.0%
HSV 140.0, 30.0%, 23.5% 0.0, 0.0%, 100.0%
CMYK 30.0%, 0.0%, 20.0%, 76.5% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.3365 0.0314 155.2 1.0 0.0 89.9

Contrast & Accessibility

11.75:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #2A3C30

The quick brown fox jumps over the lazy dog

Text: #2A3C30 → Background: #FFFFFF

Color Difference (Delta E)

77.4 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#2A3C30 #49594E #6A786E #8D9890 #B2B9B4 #D8DCD9 #FFFFFF

Color Mixing

#2A3C30

100%

#5A685E

75:25

#8D9890

50:50

#C5CAC6

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #2A3C30, #FFFFFF);
background: linear-gradient(135deg, #2A3C30, #FFFFFF);

Explore Each Color

#2A3C30

View full color details

white

View full color details

Related Comparisons