#409EC0
#409EC0
#C06240
#C06240
Color Values
| Format | #409EC0 | #C06240 |
|---|---|---|
| HEX | #409EC0 | #C06240 |
| RGB | 64, 158, 192 | 192, 98, 64 |
| HSL | 195.9, 50.4%, 50.2% | 15.9, 50.4%, 50.2% |
| HSV | 195.9, 66.7%, 75.3% | 15.9, 66.7%, 75.3% |
| CMYK | 66.7%, 17.7%, 0.0%, 24.7% | 0.0%, 49.0%, 66.7%, 24.7% |
| OKLCH | 0.6576 0.1006 225.5 | 0.601 0.1299 40.2 |
Contrast & Accessibility
1.36:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C06240 → Background: #409EC0
The quick brown fox jumps over the lazy dog
Text: #409EC0 → Background: #C06240
Color Difference (Delta E)
81.12
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #409EC0, #C06240);
background: linear-gradient(135deg, #409EC0, #C06240);