#45DAFD
#45DAFD
#FD6845
#FD6845
Color Values
| Format | #45DAFD | #FD6845 |
|---|---|---|
| HEX | #45DAFD | #FD6845 |
| RGB | 69, 218, 253 | 253, 104, 69 |
| HSL | 191.4, 97.9%, 63.1% | 11.4, 97.9%, 63.1% |
| HSV | 191.4, 72.7%, 99.2% | 11.4, 72.7%, 99.2% |
| CMYK | 72.7%, 13.8%, 0.0%, 0.8% | 0.0%, 58.9%, 72.7%, 0.8% |
| OKLCH | 0.8252 0.1306 217.2 | 0.6992 0.1893 34.6 |
Contrast & Accessibility
1.75:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FD6845 → Background: #45DAFD
The quick brown fox jumps over the lazy dog
Text: #45DAFD → Background: #FD6845
Color Difference (Delta E)
113.91
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #45DAFD, #FD6845);
background: linear-gradient(135deg, #45DAFD, #FD6845);