#8ECBA5
#8ECBA5
#CB8EB4
#CB8EB4
Color Values
| Format | #8ECBA5 | #CB8EB4 |
|---|---|---|
| HEX | #8ECBA5 | #CB8EB4 |
| RGB | 142, 203, 165 | 203, 142, 180 |
| HSL | 142.6, 37.0%, 67.6% | 322.6, 37.0%, 67.6% |
| HSV | 142.6, 30.0%, 79.6% | 322.6, 30.0%, 79.6% |
| CMYK | 30.0%, 0.0%, 18.7%, 20.4% | 0.0%, 30.0%, 11.3%, 20.4% |
| OKLCH | 0.79 0.0829 156.6 | 0.7183 0.0889 341.7 |
Contrast & Accessibility
1.39:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CB8EB4 → Background: #8ECBA5
The quick brown fox jumps over the lazy dog
Text: #8ECBA5 → Background: #CB8EB4
Color Difference (Delta E)
61.98
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #8ECBA5, #CB8EB4);
background: linear-gradient(135deg, #8ECBA5, #CB8EB4);