#6981EE
#6981EE
#EED669
#EED669
Color Values
| Format | #6981EE | #EED669 |
|---|---|---|
| HEX | #6981EE | #EED669 |
| RGB | 105, 129, 238 | 238, 214, 105 |
| HSL | 229.2, 79.6%, 67.3% | 49.2, 79.6%, 67.3% |
| HSV | 229.2, 55.9%, 93.3% | 49.2, 55.9%, 93.3% |
| CMYK | 55.9%, 45.8%, 0.0%, 6.7% | 0.0%, 10.1%, 55.9%, 6.7% |
| OKLCH | 0.6373 0.1647 271.7 | 0.8747 0.1317 97.1 |
Contrast & Accessibility
2.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EED669 → Background: #6981EE
The quick brown fox jumps over the lazy dog
Text: #6981EE → Background: #EED669
Color Difference (Delta E)
120.46
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #6981EE, #EED669);
background: linear-gradient(135deg, #6981EE, #EED669);