#449BDF
#449BDF
#DF8844
#DF8844
Color Values
| Format | #449BDF | #DF8844 |
|---|---|---|
| HEX | #449BDF | #DF8844 |
| RGB | 68, 155, 223 | 223, 136, 68 |
| HSL | 206.3, 70.8%, 57.1% | 26.3, 70.8%, 57.1% |
| HSV | 206.3, 69.5%, 87.5% | 26.3, 69.5%, 87.5% |
| CMYK | 69.5%, 30.5%, 0.0%, 12.5% | 0.0%, 39.0%, 69.5%, 12.5% |
| OKLCH | 0.6668 0.131 245.3 | 0.7062 0.1348 56.1 |
Contrast & Accessibility
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DF8844 β Background: #449BDF
The quick brown fox jumps over the lazy dog
Text: #449BDF β Background: #DF8844
Color Difference (Delta E)
96.93
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #449BDF, #DF8844);
background: linear-gradient(135deg, #449BDF, #DF8844);