#ABCEEF
#ABCEEF
#EFCCAB
#EFCCAB
Color Values
| Format | #ABCEEF | #EFCCAB |
|---|---|---|
| HEX | #ABCEEF | #EFCCAB |
| RGB | 171, 206, 239 | 239, 204, 171 |
| HSL | 209.1, 68.0%, 80.4% | 29.1, 68.0%, 80.4% |
| HSV | 209.1, 28.5%, 93.7% | 29.1, 28.5%, 93.7% |
| CMYK | 28.5%, 13.8%, 0.0%, 6.3% | 0.0%, 14.6%, 28.5%, 6.3% |
| OKLCH | 0.8371 0.0596 247.0 | 0.8668 0.0591 65.2 |
Contrast & Accessibility
1.09:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EFCCAB → Background: #ABCEEF
The quick brown fox jumps over the lazy dog
Text: #ABCEEF → Background: #EFCCAB
Color Difference (Delta E)
42.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #ABCEEF, #EFCCAB);
background: linear-gradient(135deg, #ABCEEF, #EFCCAB);