#66C1B0
#66C1B0
#C16677
#C16677
Color Values
| Format | #66C1B0 | #C16677 |
|---|---|---|
| HEX | #66C1B0 | #C16677 |
| RGB | 102, 193, 176 | 193, 102, 119 |
| HSL | 168.8, 42.3%, 57.8% | 348.8, 42.3%, 57.8% |
| HSV | 168.8, 47.2%, 75.7% | 348.8, 47.2%, 75.7% |
| CMYK | 47.2%, 0.0%, 8.8%, 24.3% | 0.0%, 47.2%, 38.3%, 24.3% |
| OKLCH | 0.7497 0.0914 180.1 | 0.62 0.117 9.2 |
Contrast & Accessibility
1.81:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C16677 → Background: #66C1B0
The quick brown fox jumps over the lazy dog
Text: #66C1B0 → Background: #C16677
Color Difference (Delta E)
72.09
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #66C1B0, #C16677);
background: linear-gradient(135deg, #66C1B0, #C16677);