#378FD4
#378FD4
#D47C37
#D47C37
Color Values
| Format | #378FD4 | #D47C37 |
|---|---|---|
| HEX | #378FD4 | #D47C37 |
| RGB | 55, 143, 212 | 212, 124, 55 |
| HSL | 206.4, 64.6%, 52.4% | 26.4, 64.6%, 52.4% |
| HSV | 206.4, 74.1%, 83.1% | 26.4, 74.1%, 83.1% |
| CMYK | 74.1%, 32.5%, 0.0%, 16.9% | 0.0%, 41.5%, 74.1%, 16.9% |
| OKLCH | 0.6295 0.1331 246.0 | 0.6702 0.1367 55.4 |
Contrast & Accessibility
1.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D47C37 β Background: #378FD4
The quick brown fox jumps over the lazy dog
Text: #378FD4 β Background: #D47C37
Color Difference (Delta E)
98.81
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #378FD4, #D47C37);
background: linear-gradient(135deg, #378FD4, #D47C37);