#7481AF
#7481AF
#AFA274
#AFA274
Color Values
| Format | #7481AF | #AFA274 |
|---|---|---|
| HEX | #7481AF | #AFA274 |
| RGB | 116, 129, 175 | 175, 162, 116 |
| HSL | 226.8, 26.9%, 57.1% | 46.8, 26.9%, 57.1% |
| HSV | 226.8, 33.7%, 68.6% | 46.8, 33.7%, 68.6% |
| CMYK | 33.7%, 26.3%, 0.0%, 31.4% | 0.0%, 7.4%, 33.7%, 31.4% |
| OKLCH | 0.6106 0.0717 272.0 | 0.712 0.0643 94.2 |
Contrast & Accessibility
1.5:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AFA274 → Background: #7481AF
The quick brown fox jumps over the lazy dog
Text: #7481AF → Background: #AFA274
Color Difference (Delta E)
53.67
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7481AF, #AFA274);
background: linear-gradient(135deg, #7481AF, #AFA274);