#ACCCB5
#ACCCB5
#CCACC3
#CCACC3
Color Values
| Format | #ACCCB5 | #CCACC3 |
|---|---|---|
| HEX | #ACCCB5 | #CCACC3 |
| RGB | 172, 204, 181 | 204, 172, 195 |
| HSL | 136.9, 23.9%, 73.7% | 316.9, 23.9%, 73.7% |
| HSV | 136.9, 15.7%, 80.0% | 316.9, 15.7%, 80.0% |
| CMYK | 15.7%, 0.0%, 11.3%, 20.0% | 0.0%, 15.7%, 4.4%, 20.0% |
| OKLCH | 0.8152 0.0469 154.0 | 0.7795 0.0483 336.2 |
Contrast & Accessibility
1.18:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCACC3 β Background: #ACCCB5
The quick brown fox jumps over the lazy dog
Text: #ACCCB5 β Background: #CCACC3
Color Difference (Delta E)
34.71
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #ACCCB5, #CCACC3);
background: linear-gradient(135deg, #ACCCB5, #CCACC3);