#497ABA
#497ABA
#BA8949
#BA8949
Color Values
| Format | #497ABA | #BA8949 |
|---|---|---|
| HEX | #497ABA | #BA8949 |
| RGB | 73, 122, 186 | 186, 137, 73 |
| HSL | 214.0, 45.0%, 50.8% | 34.0, 45.0%, 50.8% |
| HSV | 214.0, 60.8%, 72.9% | 34.0, 60.8%, 72.9% |
| CMYK | 60.8%, 34.4%, 0.0%, 27.1% | 0.0%, 26.3%, 60.8%, 27.1% |
| OKLCH | 0.5742 0.1128 255.7 | 0.6648 0.1009 71.9 |
Contrast & Accessibility
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BA8949 → Background: #497ABA
The quick brown fox jumps over the lazy dog
Text: #497ABA → Background: #BA8949
Color Difference (Delta E)
80.8
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #497ABA, #BA8949);
background: linear-gradient(135deg, #497ABA, #BA8949);