#4DBB63
#4DBB63
#BB4DA5
#BB4DA5
Color Values
| Format | #4DBB63 | #BB4DA5 |
|---|---|---|
| HEX | #4DBB63 | #BB4DA5 |
| RGB | 77, 187, 99 | 187, 77, 165 |
| HSL | 132.0, 44.7%, 51.8% | 312.0, 44.7%, 51.8% |
| HSV | 132.0, 58.8%, 73.3% | 312.0, 58.8%, 73.3% |
| CMYK | 58.8%, 0.0%, 47.1%, 26.7% | 0.0%, 58.8%, 11.8%, 26.7% |
| OKLCH | 0.7074 0.1609 147.7 | 0.5935 0.1749 336.1 |
Contrast & Accessibility
1.82:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BB4DA5 → Background: #4DBB63
The quick brown fox jumps over the lazy dog
Text: #4DBB63 → Background: #BB4DA5
Color Difference (Delta E)
123.04
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4DBB63, #BB4DA5);
background: linear-gradient(135deg, #4DBB63, #BB4DA5);