#76FAC6
#76FAC6
#FA76AA
#FA76AA
Color Values
| Format | #76FAC6 | #FA76AA |
|---|---|---|
| HEX | #76FAC6 | #FA76AA |
| RGB | 118, 250, 198 | 250, 118, 170 |
| HSL | 156.4, 93.0%, 72.2% | 336.4, 93.0%, 72.2% |
| HSV | 156.4, 52.8%, 98.0% | 336.4, 52.8%, 98.0% |
| CMYK | 52.8%, 0.0%, 20.8%, 2.0% | 0.0%, 52.8%, 32.0%, 2.0% |
| OKLCH | 0.8966 0.1391 165.0 | 0.7346 0.1693 357.3 |
Contrast & Accessibility
1.97:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FA76AA → Background: #76FAC6
The quick brown fox jumps over the lazy dog
Text: #76FAC6 → Background: #FA76AA
Color Difference (Delta E)
107.98
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #76FAC6, #FA76AA);
background: linear-gradient(135deg, #76FAC6, #FA76AA);