#98B5CC
#98B5CC
#CCAF98
#CCAF98
Color Values
| Format | #98B5CC | #CCAF98 |
|---|---|---|
| HEX | #98B5CC | #CCAF98 |
| RGB | 152, 181, 204 | 204, 175, 152 |
| HSL | 206.5, 33.8%, 69.8% | 26.5, 33.8%, 69.8% |
| HSV | 206.5, 25.5%, 80.0% | 26.5, 25.5%, 80.0% |
| CMYK | 25.5%, 11.3%, 0.0%, 20.0% | 0.0%, 14.2%, 25.5%, 20.0% |
| OKLCH | 0.7591 0.0459 242.2 | 0.7733 0.0464 60.5 |
Contrast & Accessibility
1.03:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCAF98 β Background: #98B5CC
The quick brown fox jumps over the lazy dog
Text: #98B5CC β Background: #CCAF98
Color Difference (Delta E)
32.72
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #98B5CC, #CCAF98);
background: linear-gradient(135deg, #98B5CC, #CCAF98);