#4140B0
#4140B0
#AFB040
#AFB040
Color Values
| Format | #4140B0 | #AFB040 |
|---|---|---|
| HEX | #4140B0 | #AFB040 |
| RGB | 65, 64, 176 | 175, 176, 64 |
| HSL | 240.5, 46.7%, 47.1% | 60.5, 46.7%, 47.1% |
| HSV | 240.5, 63.6%, 69.0% | 60.5, 63.6%, 69.0% |
| CMYK | 63.1%, 63.6%, 0.0%, 31.0% | 0.6%, 0.0%, 63.6%, 31.0% |
| OKLCH | 0.4439 0.1731 277.1 | 0.735 0.133 109.8 |
Contrast & Accessibility
3.52:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AFB040 → Background: #4140B0
The quick brown fox jumps over the lazy dog
Text: #4140B0 → Background: #AFB040
Color Difference (Delta E)
130.22
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4140B0, #AFB040);
background: linear-gradient(135deg, #4140B0, #AFB040);