#36CD64
#36CD64
#CD369F
#CD369F
Color Values
| Format | #36CD64 | #CD369F |
|---|---|---|
| HEX | #36CD64 | #CD369F |
| RGB | 54, 205, 100 | 205, 54, 159 |
| HSL | 138.3, 60.2%, 50.8% | 318.3, 60.2%, 50.8% |
| HSV | 138.3, 73.7%, 80.4% | 318.3, 73.7%, 80.4% |
| CMYK | 73.7%, 0.0%, 51.2%, 19.6% | 0.0%, 73.7%, 22.4%, 19.6% |
| OKLCH | 0.7479 0.1918 148.9 | 0.5941 0.2129 343.0 |
Contrast & Accessibility
2.18:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CD369F → Background: #36CD64
The quick brown fox jumps over the lazy dog
Text: #36CD64 → Background: #CD369F
Color Difference (Delta E)
145.72
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #36CD64, #CD369F);
background: linear-gradient(135deg, #36CD64, #CD369F);