#ABFCD2
#ABFCD2
#FCABD5
#FCABD5
Color Values
| Format | #ABFCD2 | #FCABD5 |
|---|---|---|
| HEX | #ABFCD2 | #FCABD5 |
| RGB | 171, 252, 210 | 252, 171, 213 |
| HSL | 148.9, 93.1%, 82.9% | 328.9, 93.1%, 82.9% |
| HSV | 148.9, 32.1%, 98.8% | 328.9, 32.1%, 98.8% |
| CMYK | 32.1%, 0.0%, 16.7%, 1.2% | 0.0%, 32.1%, 15.5%, 1.2% |
| OKLCH | 0.9275 0.0982 161.1 | 0.8314 0.108 347.3 |
Contrast & Accessibility
1.47:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FCABD5 → Background: #ABFCD2
The quick brown fox jumps over the lazy dog
Text: #ABFCD2 → Background: #FCABD5
Color Difference (Delta E)
73.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #ABFCD2, #FCABD5);
background: linear-gradient(135deg, #ABFCD2, #FCABD5);