#DAF4FF
#DAF4FF
#FFE5DA
#FFE5DA
Color Values
| Format | #DAF4FF | #FFE5DA |
|---|---|---|
| HEX | #DAF4FF | #FFE5DA |
| RGB | 218, 244, 255 | 255, 229, 218 |
| HSL | 197.8, 100.0%, 92.7% | 17.8, 100.0%, 92.7% |
| HSV | 197.8, 14.5%, 100.0% | 17.8, 14.5%, 100.0% |
| CMYK | 14.5%, 4.3%, 0.0%, 0.0% | 0.0%, 10.2%, 14.5%, 0.0% |
| OKLCH | 0.9516 0.031 225.1 | 0.9401 0.0323 44.4 |
Contrast & Accessibility
1.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FFE5DA → Background: #DAF4FF
The quick brown fox jumps over the lazy dog
Text: #DAF4FF → Background: #FFE5DA
Color Difference (Delta E)
21.54
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DAF4FF, #FFE5DA);
background: linear-gradient(135deg, #DAF4FF, #FFE5DA);