#89B7FD
#89B7FD
#FDCF89
#FDCF89
Color Values
| Format | #89B7FD | #FDCF89 |
|---|---|---|
| HEX | #89B7FD | #FDCF89 |
| RGB | 137, 183, 253 | 253, 207, 137 |
| HSL | 216.2, 96.7%, 76.5% | 36.2, 96.7%, 76.5% |
| HSV | 216.2, 45.8%, 99.2% | 36.2, 45.8%, 99.2% |
| CMYK | 45.8%, 27.7%, 0.0%, 0.8% | 0.0%, 18.2%, 45.8%, 0.8% |
| OKLCH | 0.774 0.1124 258.6 | 0.8792 0.1018 77.3 |
Contrast & Accessibility
1.41:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FDCF89 → Background: #89B7FD
The quick brown fox jumps over the lazy dog
Text: #89B7FD → Background: #FDCF89
Color Difference (Delta E)
81.18
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #89B7FD, #FDCF89);
background: linear-gradient(135deg, #89B7FD, #FDCF89);