#506EDE
#506EDE
#DEC050
#DEC050
Color Values
| Format | #506EDE | #DEC050 |
|---|---|---|
| HEX | #506EDE | #DEC050 |
| RGB | 80, 110, 222 | 222, 192, 80 |
| HSL | 227.3, 68.3%, 59.2% | 47.3, 68.3%, 59.2% |
| HSV | 227.3, 64.0%, 87.1% | 47.3, 64.0%, 87.1% |
| CMYK | 64.0%, 50.5%, 0.0%, 12.9% | 0.0%, 13.5%, 64.0%, 12.9% |
| OKLCH | 0.575 0.1738 269.1 | 0.8128 0.1339 94.2 |
Contrast & Accessibility
2.54:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DEC050 → Background: #506EDE
The quick brown fox jumps over the lazy dog
Text: #506EDE → Background: #DEC050
Color Difference (Delta E)
125.43
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #506EDE, #DEC050);
background: linear-gradient(135deg, #506EDE, #DEC050);