#4584D6
#4584D6
#D69745
#D69745
Color Values
| Format | #4584D6 | #D69745 |
|---|---|---|
| HEX | #4584D6 | #D69745 |
| RGB | 69, 132, 214 | 214, 151, 69 |
| HSL | 213.9, 63.9%, 55.5% | 33.9, 63.9%, 55.5% |
| HSV | 213.9, 67.8%, 83.9% | 33.9, 67.8%, 83.9% |
| CMYK | 67.8%, 38.3%, 0.0%, 16.1% | 0.0%, 29.4%, 67.8%, 16.1% |
| OKLCH | 0.6107 0.141 255.9 | 0.7228 0.1234 70.6 |
Contrast & Accessibility
1.52:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D69745 → Background: #4584D6
The quick brown fox jumps over the lazy dog
Text: #4584D6 → Background: #D69745
Color Difference (Delta E)
100.56
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4584D6, #D69745);
background: linear-gradient(135deg, #4584D6, #D69745);