#15779F
#15779F
#9F3D15
#9F3D15
Color Values
| Format | #15779F | #9F3D15 |
|---|---|---|
| HEX | #15779F | #9F3D15 |
| RGB | 21, 119, 159 | 159, 61, 21 |
| HSL | 197.4, 76.7%, 35.3% | 17.4, 76.7%, 35.3% |
| HSV | 197.4, 86.8%, 62.4% | 17.4, 86.8%, 62.4% |
| CMYK | 86.8%, 25.2%, 0.0%, 37.6% | 0.0%, 61.6%, 86.8%, 37.6% |
| OKLCH | 0.5359 0.1035 232.2 | 0.4904 0.1397 40.1 |
Contrast & Accessibility
1.32:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9F3D15 → Background: #15779F
The quick brown fox jumps over the lazy dog
Text: #15779F → Background: #9F3D15
Color Difference (Delta E)
88.32
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #15779F, #9F3D15);
background: linear-gradient(135deg, #15779F, #9F3D15);