#BBCDC3
#BBCDC3
#CDBBC5
#CDBBC5
Color Values
| Format | #BBCDC3 | #CDBBC5 |
|---|---|---|
| HEX | #BBCDC3 | #CDBBC5 |
| RGB | 187, 205, 195 | 205, 187, 197 |
| HSL | 146.7, 15.3%, 76.9% | 326.7, 15.3%, 76.9% |
| HSV | 146.7, 8.8%, 80.4% | 326.7, 8.8%, 80.4% |
| CMYK | 8.8%, 0.0%, 4.9%, 19.6% | 0.0%, 8.8%, 3.9%, 19.6% |
| OKLCH | 0.8318 0.0239 161.6 | 0.8101 0.0244 343.1 |
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: #CDBBC5 → Background: #BBCDC3
The quick brown fox jumps over the lazy dog
Text: #BBCDC3 → Background: #CDBBC5
Color Difference (Delta E)
17.36
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BBCDC3, #CDBBC5);
background: linear-gradient(135deg, #BBCDC3, #CDBBC5);