#CCFBD5
#CCFBD5
#FBCCF2
#FBCCF2
Color Values
| Format | #CCFBD5 | #FBCCF2 |
|---|---|---|
| HEX | #CCFBD5 | #FBCCF2 |
| RGB | 204, 251, 213 | 251, 204, 242 |
| HSL | 131.5, 85.5%, 89.2% | 311.5, 85.5%, 89.2% |
| HSV | 131.5, 18.7%, 98.4% | 311.5, 18.7%, 98.4% |
| CMYK | 18.7%, 0.0%, 15.1%, 1.6% | 0.0%, 18.7%, 3.6%, 1.6% |
| OKLCH | 0.9453 0.0701 150.6 | 0.8971 0.0722 332.8 |
Contrast & Accessibility
1.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FBCCF2 → Background: #CCFBD5
The quick brown fox jumps over the lazy dog
Text: #CCFBD5 → Background: #FBCCF2
Color Difference (Delta E)
52.25
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCFBD5, #FBCCF2);
background: linear-gradient(135deg, #CCFBD5, #FBCCF2);