#60ADF2
#60ADF2
#F2A560
#F2A560
Color Values
| Format | #60ADF2 | #F2A560 |
|---|---|---|
| HEX | #60ADF2 | #F2A560 |
| RGB | 96, 173, 242 | 242, 165, 96 |
| HSL | 208.4, 84.9%, 66.3% | 28.4, 84.9%, 66.3% |
| HSV | 208.4, 60.3%, 94.9% | 28.4, 60.3%, 94.9% |
| CMYK | 60.3%, 28.5%, 0.0%, 5.1% | 0.0%, 31.8%, 60.3%, 5.1% |
| OKLCH | 0.727 0.1267 247.5 | 0.7835 0.125 61.2 |
Contrast & Accessibility
1.18:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F2A560 β Background: #60ADF2
The quick brown fox jumps over the lazy dog
Text: #60ADF2 β Background: #F2A560
Color Difference (Delta E)
92.0
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #60ADF2, #F2A560);
background: linear-gradient(135deg, #60ADF2, #F2A560);