#3DCDF3
#3DCDF3
#F3633D
#F3633D
Color Values
| Format | #3DCDF3 | #F3633D |
|---|---|---|
| HEX | #3DCDF3 | #F3633D |
| RGB | 61, 205, 243 | 243, 99, 61 |
| HSL | 192.5, 88.3%, 59.6% | 12.5, 88.3%, 59.6% |
| HSV | 192.5, 74.9%, 95.3% | 12.5, 74.9%, 95.3% |
| CMYK | 74.9%, 15.6%, 0.0%, 4.7% | 0.0%, 59.3%, 74.9%, 4.7% |
| OKLCH | 0.7893 0.1288 219.9 | 0.6769 0.1853 35.7 |
Contrast & Accessibility
1.68:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F3633D → Background: #3DCDF3
The quick brown fox jumps over the lazy dog
Text: #3DCDF3 → Background: #F3633D
Color Difference (Delta E)
112.22
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3DCDF3, #F3633D);
background: linear-gradient(135deg, #3DCDF3, #F3633D);