#56BEB5
#56BEB5
#BE565F
#BE565F
Color Values
| Format | #56BEB5 | #BE565F |
|---|---|---|
| HEX | #56BEB5 | #BE565F |
| RGB | 86, 190, 181 | 190, 86, 95 |
| HSL | 174.8, 44.4%, 54.1% | 354.8, 44.4%, 54.1% |
| HSV | 174.8, 54.7%, 74.5% | 354.8, 54.7%, 74.5% |
| CMYK | 54.7%, 0.0%, 4.7%, 25.5% | 0.0%, 54.7%, 50.0%, 25.5% |
| OKLCH | 0.7378 0.0973 187.6 | 0.5856 0.134 16.9 |
Contrast & Accessibility
2.01:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BE565F → Background: #56BEB5
The quick brown fox jumps over the lazy dog
Text: #56BEB5 → Background: #BE565F
Color Difference (Delta E)
80.24
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #56BEB5, #BE565F);
background: linear-gradient(135deg, #56BEB5, #BE565F);