#3D5FCE
#3D5FCE
#CEAC3D
#CEAC3D
Color Values
| Format | #3D5FCE | #CEAC3D |
|---|---|---|
| HEX | #3D5FCE | #CEAC3D |
| RGB | 61, 95, 206 | 206, 172, 61 |
| HSL | 225.9, 59.7%, 52.4% | 45.9, 59.7%, 52.4% |
| HSV | 225.9, 70.4%, 80.8% | 45.9, 70.4%, 80.8% |
| CMYK | 70.4%, 53.9%, 0.0%, 19.2% | 0.0%, 16.5%, 70.4%, 19.2% |
| OKLCH | 0.5239 0.1762 267.2 | 0.7549 0.1319 91.6 |
Contrast & Accessibility
2.57:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CEAC3D → Background: #3D5FCE
The quick brown fox jumps over the lazy dog
Text: #3D5FCE → Background: #CEAC3D
Color Difference (Delta E)
125.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3D5FCE, #CEAC3D);
background: linear-gradient(135deg, #3D5FCE, #CEAC3D);