#457CCF
#457CCF
#CF9845
#CF9845
Color Values
| Format | #457CCF | #CF9845 |
|---|---|---|
| HEX | #457CCF | #CF9845 |
| RGB | 69, 124, 207 | 207, 152, 69 |
| HSL | 216.1, 59.0%, 54.1% | 36.1, 59.0%, 54.1% |
| HSV | 216.1, 66.7%, 81.2% | 36.1, 66.7%, 81.2% |
| CMYK | 66.7%, 40.1%, 0.0%, 18.8% | 0.0%, 26.6%, 66.7%, 18.8% |
| OKLCH | 0.589 0.1404 258.5 | 0.7169 0.119 74.9 |
Contrast & Accessibility
1.63:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CF9845 β Background: #457CCF
The quick brown fox jumps over the lazy dog
Text: #457CCF β Background: #CF9845
Color Difference (Delta E)
99.89
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #457CCF, #CF9845);
background: linear-gradient(135deg, #457CCF, #CF9845);