#ABBCEE
#ABBCEE
#EEDDAB
#EEDDAB
Color Values
| Format | #ABBCEE | #EEDDAB |
|---|---|---|
| HEX | #ABBCEE | #EEDDAB |
| RGB | 171, 188, 238 | 238, 221, 171 |
| HSL | 224.8, 66.3%, 80.2% | 44.8, 66.3%, 80.2% |
| HSV | 224.8, 28.2%, 93.3% | 44.8, 28.2%, 93.3% |
| CMYK | 28.2%, 21.0%, 0.0%, 6.7% | 0.0%, 7.1%, 28.2%, 6.7% |
| OKLCH | 0.7997 0.0736 270.1 | 0.8992 0.0675 91.5 |
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: #EEDDAB → Background: #ABBCEE
The quick brown fox jumps over the lazy dog
Text: #ABBCEE → Background: #EEDDAB
Color Difference (Delta E)
55.17
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #ABBCEE, #EEDDAB);
background: linear-gradient(135deg, #ABBCEE, #EEDDAB);