#448BEC
#448BEC
#ECA544
#ECA544
Color Values
| Format | #448BEC | #ECA544 |
|---|---|---|
| HEX | #448BEC | #ECA544 |
| RGB | 68, 139, 236 | 236, 165, 68 |
| HSL | 214.6, 81.6%, 59.6% | 34.6, 81.6%, 59.6% |
| HSV | 214.6, 71.2%, 92.5% | 34.6, 71.2%, 92.5% |
| CMYK | 71.2%, 41.1%, 0.0%, 7.5% | 0.0%, 30.1%, 71.2%, 7.5% |
| OKLCH | 0.6387 0.1624 257.0 | 0.7737 0.1384 71.3 |
Contrast & Accessibility
1.63:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECA544 → Background: #448BEC
The quick brown fox jumps over the lazy dog
Text: #448BEC → Background: #ECA544
Color Difference (Delta E)
115.31
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #448BEC, #ECA544);
background: linear-gradient(135deg, #448BEC, #ECA544);