#764AF8
#764AF8
#CCF84A
#CCF84A
Color Values
| Format | #764AF8 | #CCF84A |
|---|---|---|
| HEX | #764AF8 | #CCF84A |
| RGB | 118, 74, 248 | 204, 248, 74 |
| HSL | 255.2, 92.6%, 63.1% | 75.2, 92.6%, 63.1% |
| HSV | 255.2, 70.2%, 97.3% | 75.2, 70.2%, 97.3% |
| CMYK | 52.4%, 70.2%, 0.0%, 2.7% | 17.7%, 0.0%, 70.2%, 2.7% |
| OKLCH | 0.5636 0.2425 287.5 | 0.9176 0.1983 122.8 |
Contrast & Accessibility
4.16:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCF84A → Background: #764AF8
The quick brown fox jumps over the lazy dog
Text: #764AF8 → Background: #CCF84A
Color Difference (Delta E)
188.03
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #764AF8, #CCF84A);
background: linear-gradient(135deg, #764AF8, #CCF84A);