#97C4D3

#97C4D3

#D3A697

#D3A697

Contrast Ratio

1.15:1

Delta E

37.13

Very Different

50:50 Mix

#BAB5B5

Color Values

Format #97C4D3 #D3A697
HEX #97C4D3 #D3A697
RGB 151, 196, 211 211, 166, 151
HSL 195.0, 40.5%, 71.0% 15.0, 40.5%, 71.0%
HSV 195.0, 28.4%, 82.7% 15.0, 28.4%, 82.7%
CMYK 28.4%, 7.1%, 0.0%, 17.3% 0.0%, 21.3%, 28.4%, 17.3%
OKLCH 0.7933 0.052 220.3 0.7623 0.0575 39.2

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D3A697 → Background: #97C4D3

The quick brown fox jumps over the lazy dog

Text: #97C4D3 → Background: #D3A697

Color Difference (Delta E)

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

Gradient

#97C4D3 #A4BFC9 #B0BABF #BAB5B5 #C3B0AB #CBABA1 #D3A697

Color Mixing

#97C4D3

100%

#AABDC4

75:25

#BAB5B5

50:50

#C7AEA6

25:75

#D3A697

100%

CSS Gradient Code

background: linear-gradient(to right, #97C4D3, #D3A697);
background: linear-gradient(135deg, #97C4D3, #D3A697);

Explore Each Color

#97C4D3

View full color details

#D3A697

View full color details

Related Comparisons