#358E9F
#358E9F
#9F4635
#9F4635
Color Values
| Format | #358E9F | #9F4635 |
|---|---|---|
| HEX | #358E9F | #9F4635 |
| RGB | 53, 142, 159 | 159, 70, 53 |
| HSL | 189.6, 50.0%, 41.6% | 9.6, 50.0%, 41.6% |
| HSV | 189.6, 66.7%, 62.4% | 9.6, 66.7%, 62.4% |
| CMYK | 66.7%, 10.7%, 0.0%, 37.6% | 0.0%, 56.0%, 66.7%, 37.6% |
| OKLCH | 0.601 0.0865 212.6 | 0.507 0.1225 32.5 |
Contrast & Accessibility
1.62:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9F4635 → Background: #358E9F
The quick brown fox jumps over the lazy dog
Text: #358E9F → Background: #9F4635
Color Difference (Delta E)
73.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #358E9F, #9F4635);
background: linear-gradient(135deg, #358E9F, #9F4635);