#7A78F9
#7A78F9
#F7F978
#F7F978
Color Values
| Format | #7A78F9 | #F7F978 |
|---|---|---|
| HEX | #7A78F9 | #F7F978 |
| RGB | 122, 120, 249 | 247, 249, 120 |
| HSL | 240.9, 91.5%, 72.4% | 60.9, 91.5%, 72.4% |
| HSV | 240.9, 51.8%, 97.6% | 60.9, 51.8%, 97.6% |
| CMYK | 51.0%, 51.8%, 0.0%, 2.4% | 0.8%, 0.0%, 51.8%, 2.4% |
| OKLCH | 0.6388 0.1873 280.4 | 0.9554 0.1514 109.8 |
Contrast & Accessibility
3.19:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F7F978 → Background: #7A78F9
The quick brown fox jumps over the lazy dog
Text: #7A78F9 → Background: #F7F978
Color Difference (Delta E)
141.26
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7A78F9, #F7F978);
background: linear-gradient(135deg, #7A78F9, #F7F978);