#3BDCCF
#3BDCCF
#DC3B48
#DC3B48
Color Values
| Format | #3BDCCF | #DC3B48 |
|---|---|---|
| HEX | #3BDCCF | #DC3B48 |
| RGB | 59, 220, 207 | 220, 59, 72 |
| HSL | 175.2, 69.7%, 54.7% | 355.2, 69.7%, 54.7% |
| HSV | 175.2, 73.2%, 86.3% | 355.2, 73.2%, 86.3% |
| CMYK | 73.2%, 0.0%, 5.9%, 13.7% | 0.0%, 73.2%, 67.3%, 13.7% |
| OKLCH | 0.8114 0.1295 186.8 | 0.5972 0.1968 21.4 |
Contrast & Accessibility
2.59:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DC3B48 → Background: #3BDCCF
The quick brown fox jumps over the lazy dog
Text: #3BDCCF → Background: #DC3B48
Color Difference (Delta E)
115.25
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3BDCCF, #DC3B48);
background: linear-gradient(135deg, #3BDCCF, #DC3B48);