#9368F7
#9368F7
#CCF768
#CCF768
Color Values
| Format | #9368F7 | #CCF768 |
|---|---|---|
| HEX | #9368F7 | #CCF768 |
| RGB | 147, 104, 247 | 204, 247, 104 |
| HSL | 258.0, 89.9%, 68.8% | 78.0, 89.9%, 68.8% |
| HSV | 258.0, 57.9%, 96.9% | 78.0, 57.9%, 96.9% |
| CMYK | 40.5%, 57.9%, 0.0%, 3.1% | 17.4%, 0.0%, 57.9%, 3.1% |
| OKLCH | 0.6316 0.2047 293.5 | 0.9179 0.1756 123.9 |
Contrast & Accessibility
3.07:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCF768 → Background: #9368F7
The quick brown fox jumps over the lazy dog
Text: #9368F7 → Background: #CCF768
Color Difference (Delta E)
157.52
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #9368F7, #CCF768);
background: linear-gradient(135deg, #9368F7, #CCF768);