#104FAB
#104FAB
#AB6C10
#AB6C10
Color Values
| Format | #104FAB | #AB6C10 |
|---|---|---|
| HEX | #104FAB | #AB6C10 |
| RGB | 16, 79, 171 | 171, 108, 16 |
| HSL | 215.6, 82.9%, 36.7% | 35.6, 82.9%, 36.7% |
| HSV | 215.6, 90.6%, 67.1% | 35.6, 90.6%, 67.1% |
| CMYK | 90.6%, 53.8%, 0.0%, 32.9% | 0.0%, 36.8%, 90.6%, 32.9% |
| OKLCH | 0.4479 0.1599 259.2 | 0.5859 0.1235 68.4 |
Contrast & Accessibility
1.79:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AB6C10 → Background: #104FAB
The quick brown fox jumps over the lazy dog
Text: #104FAB → Background: #AB6C10
Color Difference (Delta E)
110.51
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #104FAB, #AB6C10);
background: linear-gradient(135deg, #104FAB, #AB6C10);