#959CFD
#959CFD
#FDF695
#FDF695
Color Values
| Format | #959CFD | #FDF695 |
|---|---|---|
| HEX | #959CFD | #FDF695 |
| RGB | 149, 156, 253 | 253, 246, 149 |
| HSL | 236.0, 96.3%, 78.8% | 56.0, 96.3%, 78.8% |
| HSV | 236.0, 41.1%, 99.2% | 56.0, 41.1%, 99.2% |
| CMYK | 41.1%, 38.3%, 0.0%, 0.8% | 0.0%, 2.8%, 41.1%, 0.8% |
| OKLCH | 0.7275 0.14 279.2 | 0.9579 0.119 104.8 |
Contrast & Accessibility
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FDF695 → Background: #959CFD
The quick brown fox jumps over the lazy dog
Text: #959CFD → Background: #FDF695
Color Difference (Delta E)
105.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #959CFD, #FDF695);
background: linear-gradient(135deg, #959CFD, #FDF695);