#3FDAA8
#3FDAA8
#DA3F71
#DA3F71
Color Values
| Format | #3FDAA8 | #DA3F71 |
|---|---|---|
| HEX | #3FDAA8 | #DA3F71 |
| RGB | 63, 218, 168 | 218, 63, 113 |
| HSL | 160.6, 67.7%, 55.1% | 340.6, 67.7%, 55.1% |
| HSV | 160.6, 71.1%, 85.5% | 340.6, 71.1%, 85.5% |
| CMYK | 71.1%, 0.0%, 22.9%, 14.5% | 0.0%, 71.1%, 48.2%, 14.5% |
| OKLCH | 0.7962 0.1468 166.7 | 0.6065 0.1935 5.7 |
Contrast & Accessibility
2.39:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DA3F71 → Background: #3FDAA8
The quick brown fox jumps over the lazy dog
Text: #3FDAA8 → Background: #DA3F71
Color Difference (Delta E)
118.01
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3FDAA8, #DA3F71);
background: linear-gradient(135deg, #3FDAA8, #DA3F71);