#6469EC
#6469EC
#ECE764
#ECE764
Color Values
| Format | #6469EC | #ECE764 |
|---|---|---|
| HEX | #6469EC | #ECE764 |
| RGB | 100, 105, 236 | 236, 231, 100 |
| HSL | 237.8, 78.2%, 65.9% | 57.8, 78.2%, 65.9% |
| HSV | 237.8, 57.6%, 92.5% | 57.8, 57.6%, 92.5% |
| CMYK | 57.6%, 55.5%, 0.0%, 7.5% | 0.0%, 2.1%, 57.6%, 7.5% |
| OKLCH | 0.5877 0.1936 277.0 | 0.9072 0.1516 107.0 |
Contrast & Accessibility
3.39:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECE764 β Background: #6469EC
The quick brown fox jumps over the lazy dog
Text: #6469EC β Background: #ECE764
Color Difference (Delta E)
144.61
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6469EC, #ECE764);
background: linear-gradient(135deg, #6469EC, #ECE764);