#377D88
#377D88
#884237
#884237
Color Values
| Format | #377D88 | #884237 |
|---|---|---|
| HEX | #377D88 | #884237 |
| RGB | 55, 125, 136 | 136, 66, 55 |
| HSL | 188.1, 42.4%, 37.5% | 8.1, 42.4%, 37.5% |
| HSV | 188.1, 59.6%, 53.3% | 8.1, 59.6%, 53.3% |
| CMYK | 59.6%, 8.1%, 0.0%, 46.7% | 0.0%, 51.5%, 59.6%, 46.7% |
| OKLCH | 0.5496 0.0716 209.1 | 0.4658 0.0982 30.4 |
Contrast & Accessibility
1.54:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #884237 → Background: #377D88
The quick brown fox jumps over the lazy dog
Text: #377D88 → Background: #884237
Color Difference (Delta E)
58.93
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #377D88, #884237);
background: linear-gradient(135deg, #377D88, #884237);