#97CCF8
#97CCF8
#F8C397
#F8C397
Color Values
| Format | #97CCF8 | #F8C397 |
|---|---|---|
| HEX | #97CCF8 | #F8C397 |
| RGB | 151, 204, 248 | 248, 195, 151 |
| HSL | 207.2, 87.4%, 78.2% | 27.2, 87.4%, 78.2% |
| HSV | 207.2, 39.1%, 97.3% | 27.2, 39.1%, 97.3% |
| CMYK | 39.1%, 17.7%, 0.0%, 2.7% | 0.0%, 21.4%, 39.1%, 2.7% |
| OKLCH | 0.8241 0.0832 244.1 | 0.8541 0.0839 61.0 |
Contrast & Accessibility
1.08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F8C397 → Background: #97CCF8
The quick brown fox jumps over the lazy dog
Text: #97CCF8 → Background: #F8C397
Color Difference (Delta E)
59.78
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #97CCF8, #F8C397);
background: linear-gradient(135deg, #97CCF8, #F8C397);