#7DA3FC
#7DA3FC
#FCD67D
#FCD67D
Color Values
| Format | #7DA3FC | #FCD67D |
|---|---|---|
| HEX | #7DA3FC | #FCD67D |
| RGB | 125, 163, 252 | 252, 214, 125 |
| HSL | 222.0, 95.5%, 73.9% | 42.0, 95.5%, 73.9% |
| HSV | 222.0, 50.4%, 98.8% | 42.0, 50.4%, 98.8% |
| CMYK | 50.4%, 35.3%, 0.0%, 1.2% | 0.0%, 15.1%, 50.4%, 1.2% |
| OKLCH | 0.7253 0.1367 265.6 | 0.89 0.1162 86.9 |
Contrast & Accessibility
1.77:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FCD67D → Background: #7DA3FC
The quick brown fox jumps over the lazy dog
Text: #7DA3FC → Background: #FCD67D
Color Difference (Delta E)
99.16
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7DA3FC, #FCD67D);
background: linear-gradient(135deg, #7DA3FC, #FCD67D);