#5DBC75
#5DBC75
#BC5DA4
#BC5DA4
Color Values
| Format | #5DBC75 | #BC5DA4 |
|---|---|---|
| HEX | #5DBC75 | #BC5DA4 |
| RGB | 93, 188, 117 | 188, 93, 164 |
| HSL | 135.2, 41.5%, 55.1% | 315.2, 41.5%, 55.1% |
| HSV | 135.2, 50.5%, 73.7% | 315.2, 50.5%, 73.7% |
| CMYK | 50.5%, 0.0%, 37.8%, 26.3% | 0.0%, 50.5%, 12.8%, 26.3% |
| OKLCH | 0.7191 0.1372 150.0 | 0.6155 0.1494 337.8 |
Contrast & Accessibility
1.7:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BC5DA4 → Background: #5DBC75
The quick brown fox jumps over the lazy dog
Text: #5DBC75 → Background: #BC5DA4
Color Difference (Delta E)
104.44
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5DBC75, #BC5DA4);
background: linear-gradient(135deg, #5DBC75, #BC5DA4);