#60F3EE
#60F3EE
#F36065
#F36065
Color Values
| Format | #60F3EE | #F36065 |
|---|---|---|
| HEX | #60F3EE | #F36065 |
| RGB | 96, 243, 238 | 243, 96, 101 |
| HSL | 178.0, 86.0%, 66.5% | 358.0, 86.0%, 66.5% |
| HSV | 178.0, 60.5%, 95.3% | 358.0, 60.5%, 95.3% |
| CMYK | 60.5%, 0.0%, 2.1%, 4.7% | 0.0%, 60.5%, 58.4%, 4.7% |
| OKLCH | 0.8845 0.1248 192.0 | 0.6789 0.181 21.3 |
Contrast & Accessibility
2.33:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F36065 → Background: #60F3EE
The quick brown fox jumps over the lazy dog
Text: #60F3EE → Background: #F36065
Color Difference (Delta E)
107.11
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #60F3EE, #F36065);
background: linear-gradient(135deg, #60F3EE, #F36065);