#3F46AD
#3F46AD
#ADA63F
#ADA63F
Color Values
| Format | #3F46AD | #ADA63F |
|---|---|---|
| HEX | #3F46AD | #ADA63F |
| RGB | 63, 70, 173 | 173, 166, 63 |
| HSL | 236.2, 46.6%, 46.3% | 56.2, 46.6%, 46.3% |
| HSV | 236.2, 63.6%, 67.8% | 56.2, 63.6%, 67.8% |
| CMYK | 63.6%, 59.5%, 0.0%, 32.2% | 0.0%, 4.0%, 63.6%, 32.2% |
| OKLCH | 0.4508 0.162 274.9 | 0.7112 0.1238 105.4 |
Contrast & Accessibility
3.09:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ADA63F → Background: #3F46AD
The quick brown fox jumps over the lazy dog
Text: #3F46AD → Background: #ADA63F
Color Difference (Delta E)
120.15
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3F46AD, #ADA63F);
background: linear-gradient(135deg, #3F46AD, #ADA63F);