#5340DF
#5340DF
#CCDF40
#CCDF40
Color Values
| Format | #5340DF | #CCDF40 |
|---|---|---|
| HEX | #5340DF | #CCDF40 |
| RGB | 83, 64, 223 | 204, 223, 64 |
| HSL | 247.2, 71.3%, 56.3% | 67.2, 71.3%, 56.3% |
| HSV | 247.2, 71.3%, 87.5% | 67.2, 71.3%, 87.5% |
| CMYK | 62.8%, 71.3%, 0.0%, 12.5% | 8.5%, 0.0%, 71.3%, 12.5% |
| OKLCH | 0.4994 0.2283 279.6 | 0.8617 0.1762 116.2 |
Contrast & Accessibility
4.48:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CCDF40 → Background: #5340DF
The quick brown fox jumps over the lazy dog
Text: #5340DF → Background: #CCDF40
Color Difference (Delta E)
174.6
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5340DF, #CCDF40);
background: linear-gradient(135deg, #5340DF, #CCDF40);