#618ADD
#618ADD
#DDB461
#DDB461
Color Values
| Format | #618ADD | #DDB461 |
|---|---|---|
| HEX | #618ADD | #DDB461 |
| RGB | 97, 138, 221 | 221, 180, 97 |
| HSL | 220.2, 64.6%, 62.4% | 40.2, 64.6%, 62.4% |
| HSV | 220.2, 56.1%, 86.7% | 40.2, 56.1%, 86.7% |
| CMYK | 56.1%, 37.6%, 0.0%, 13.3% | 0.0%, 18.6%, 56.1%, 13.3% |
| OKLCH | 0.641 0.1332 263.2 | 0.7897 0.1122 83.4 |
Contrast & Accessibility
1.74:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DDB461 → Background: #618ADD
The quick brown fox jumps over the lazy dog
Text: #618ADD → Background: #DDB461
Color Difference (Delta E)
95.77
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #618ADD, #DDB461);
background: linear-gradient(135deg, #618ADD, #DDB461);