#36DDF9
#36DDF9
#F95236
#F95236
Color Values
| Format | #36DDF9 | #F95236 |
|---|---|---|
| HEX | #36DDF9 | #F95236 |
| RGB | 54, 221, 249 | 249, 82, 54 |
| HSL | 188.6, 94.2%, 59.4% | 8.6, 94.2%, 59.4% |
| HSV | 188.6, 78.3%, 97.6% | 8.6, 78.3%, 97.6% |
| CMYK | 78.3%, 11.2%, 0.0%, 2.4% | 0.0%, 67.1%, 78.3%, 2.4% |
| OKLCH | 0.8277 0.1341 212.0 | 0.6656 0.2078 32.1 |
Contrast & Accessibility
2.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F95236 → Background: #36DDF9
The quick brown fox jumps over the lazy dog
Text: #36DDF9 → Background: #F95236
Color Difference (Delta E)
123.38
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #36DDF9, #F95236);
background: linear-gradient(135deg, #36DDF9, #F95236);