#4ABFB0
#4ABFB0
#BF4A59
#BF4A59
Color Values
| Format | #4ABFB0 | #BF4A59 |
|---|---|---|
| HEX | #4ABFB0 | #BF4A59 |
| RGB | 74, 191, 176 | 191, 74, 89 |
| HSL | 172.3, 47.8%, 52.0% | 352.3, 47.8%, 52.0% |
| HSV | 172.3, 61.3%, 74.9% | 352.3, 61.3%, 74.9% |
| CMYK | 61.3%, 0.0%, 7.9%, 25.1% | 0.0%, 61.3%, 53.4%, 25.1% |
| OKLCH | 0.7347 0.1068 183.5 | 0.5694 0.1504 15.6 |
Contrast & Accessibility
2.16:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BF4A59 → Background: #4ABFB0
The quick brown fox jumps over the lazy dog
Text: #4ABFB0 → Background: #BF4A59
Color Difference (Delta E)
89.37
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4ABFB0, #BF4A59);
background: linear-gradient(135deg, #4ABFB0, #BF4A59);