#366A80
#366A80
#804C36
#804C36
Color Values
| Format | #366A80 | #804C36 |
|---|---|---|
| HEX | #366A80 | #804C36 |
| RGB | 54, 106, 128 | 128, 76, 54 |
| HSL | 197.8, 40.7%, 35.7% | 17.8, 40.7%, 35.7% |
| HSV | 197.8, 57.8%, 50.2% | 17.8, 57.8%, 50.2% |
| CMYK | 57.8%, 17.2%, 0.0%, 49.8% | 0.0%, 40.6%, 57.8%, 49.8% |
| OKLCH | 0.4977 0.0657 227.8 | 0.4719 0.0784 43.4 |
Contrast & Accessibility
1.17:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #804C36 → Background: #366A80
The quick brown fox jumps over the lazy dog
Text: #366A80 → Background: #804C36
Color Difference (Delta E)
50.16
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #366A80, #804C36);
background: linear-gradient(135deg, #366A80, #804C36);