#332AB8
#332AB8
#AFB82A
#AFB82A
Color Values
| Format | #332AB8 | #AFB82A |
|---|---|---|
| HEX | #332AB8 | #AFB82A |
| RGB | 51, 42, 184 | 175, 184, 42 |
| HSL | 243.8, 62.8%, 44.3% | 63.8, 62.8%, 44.3% |
| HSV | 243.8, 77.2%, 72.2% | 63.8, 77.2%, 72.2% |
| CMYK | 72.3%, 77.2%, 0.0%, 27.8% | 4.9%, 0.0%, 77.2%, 27.8% |
| OKLCH | 0.4087 0.2102 274.6 | 0.7513 0.1555 113.3 |
Contrast & Accessibility
4.49:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AFB82A → Background: #332AB8
The quick brown fox jumps over the lazy dog
Text: #332AB8 → Background: #AFB82A
Color Difference (Delta E)
159.79
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #332AB8, #AFB82A);
background: linear-gradient(135deg, #332AB8, #AFB82A);