#747EB5
#747EB5
#B5AB74
#B5AB74
Color Values
| Format | #747EB5 | #B5AB74 |
|---|---|---|
| HEX | #747EB5 | #B5AB74 |
| RGB | 116, 126, 181 | 181, 171, 116 |
| HSL | 230.8, 30.5%, 58.2% | 50.8, 30.5%, 58.2% |
| HSV | 230.8, 35.9%, 71.0% | 50.8, 35.9%, 71.0% |
| CMYK | 35.9%, 30.4%, 0.0%, 29.0% | 0.0%, 5.5%, 35.9%, 29.0% |
| OKLCH | 0.607 0.0845 275.7 | 0.7365 0.0743 99.1 |
Contrast & Accessibility
1.68:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B5AB74 → Background: #747EB5
The quick brown fox jumps over the lazy dog
Text: #747EB5 → Background: #B5AB74
Color Difference (Delta E)
63.55
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #747EB5, #B5AB74);
background: linear-gradient(135deg, #747EB5, #B5AB74);