#65DAF5
#65DAF5
#F58065
#F58065
Color Values
| Format | #65DAF5 | #F58065 |
|---|---|---|
| HEX | #65DAF5 | #F58065 |
| RGB | 101, 218, 245 | 245, 128, 101 |
| HSL | 191.2, 87.8%, 67.8% | 11.3, 87.8%, 67.8% |
| HSV | 191.2, 58.8%, 96.1% | 11.3, 58.8%, 96.1% |
| CMYK | 58.8%, 11.0%, 0.0%, 3.9% | 0.0%, 47.8%, 58.8%, 3.9% |
| OKLCH | 0.8311 0.1114 215.2 | 0.7261 0.1493 34.1 |
Contrast & Accessibility
1.58:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F58065 → Background: #65DAF5
The quick brown fox jumps over the lazy dog
Text: #65DAF5 → Background: #F58065
Color Difference (Delta E)
90.56
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #65DAF5, #F58065);
background: linear-gradient(135deg, #65DAF5, #F58065);