#48C6C2
#48C6C2
#C6484C
#C6484C
Color Values
| Format | #48C6C2 | #C6484C |
|---|---|---|
| HEX | #48C6C2 | #C6484C |
| RGB | 72, 198, 194 | 198, 72, 76 |
| HSL | 178.1, 52.5%, 52.9% | 358.1, 52.5%, 52.9% |
| HSV | 178.1, 63.6%, 77.6% | 358.1, 63.6%, 77.6% |
| CMYK | 63.6%, 0.0%, 2.0%, 22.4% | 0.0%, 63.6%, 61.6%, 22.4% |
| OKLCH | 0.757 0.1094 192.1 | 0.5752 0.1609 21.9 |
Contrast & Accessibility
2.29:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C6484C → Background: #48C6C2
The quick brown fox jumps over the lazy dog
Text: #48C6C2 → Background: #C6484C
Color Difference (Delta E)
94.98
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #48C6C2, #C6484C);
background: linear-gradient(135deg, #48C6C2, #C6484C);