#6284FD
#6284FD
#FDDB62
#FDDB62
Color Values
| Format | #6284FD | #FDDB62 |
|---|---|---|
| HEX | #6284FD | #FDDB62 |
| RGB | 98, 132, 253 | 253, 219, 98 |
| HSL | 226.8, 97.5%, 68.8% | 46.8, 97.5%, 68.8% |
| HSV | 226.8, 61.3%, 99.2% | 46.8, 61.3%, 99.2% |
| CMYK | 61.3%, 47.8%, 0.0%, 0.8% | 0.0%, 13.4%, 61.3%, 0.8% |
| OKLCH | 0.6487 0.1833 269.0 | 0.8975 0.1434 93.6 |
Contrast & Accessibility
2.48:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FDDB62 → Background: #6284FD
The quick brown fox jumps over the lazy dog
Text: #6284FD → Background: #FDDB62
Color Difference (Delta E)
132.47
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6284FD, #FDDB62);
background: linear-gradient(135deg, #6284FD, #FDDB62);