#417AFD
#417AFD
#FDC441
#FDC441
Color Values
| Format | #417AFD | #FDC441 |
|---|---|---|
| HEX | #417AFD | #FDC441 |
| RGB | 65, 122, 253 | 253, 196, 65 |
| HSL | 221.8, 97.9%, 62.4% | 41.8, 97.9%, 62.4% |
| HSV | 221.8, 74.3%, 99.2% | 41.8, 74.3%, 99.2% |
| CMYK | 74.3%, 51.8%, 0.0%, 0.8% | 0.0%, 22.5%, 74.3%, 0.8% |
| OKLCH | 0.6139 0.2046 263.7 | 0.85 0.154 84.0 |
Contrast & Accessibility
2.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FDC441 → Background: #417AFD
The quick brown fox jumps over the lazy dog
Text: #417AFD → Background: #FDC441
Color Difference (Delta E)
144.13
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #417AFD, #FDC441);
background: linear-gradient(135deg, #417AFD, #FDC441);