#96BDCD
#96BDCD
#CDA696
#CDA696
Color Values
| Format | #96BDCD | #CDA696 |
|---|---|---|
| HEX | #96BDCD | #CDA696 |
| RGB | 150, 189, 205 | 205, 166, 150 |
| HSL | 197.5, 35.5%, 69.6% | 17.5, 35.5%, 69.6% |
| HSV | 197.5, 26.8%, 80.4% | 17.5, 26.8%, 80.4% |
| CMYK | 26.8%, 7.8%, 0.0%, 19.6% | 0.0%, 19.0%, 26.8%, 19.6% |
| OKLCH | 0.7754 0.0475 224.9 | 0.7561 0.0514 43.5 |
Contrast & Accessibility
1.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CDA696 → Background: #96BDCD
The quick brown fox jumps over the lazy dog
Text: #96BDCD → Background: #CDA696
Color Difference (Delta E)
33.73
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #96BDCD, #CDA696);
background: linear-gradient(135deg, #96BDCD, #CDA696);