#45CE36
#45CE36
#BF36CE
#BF36CE
Color Values
| Format | #45CE36 | #BF36CE |
|---|---|---|
| HEX | #45CE36 | #BF36CE |
| RGB | 69, 206, 54 | 191, 54, 206 |
| HSL | 114.1, 60.8%, 51.0% | 294.1, 60.8%, 51.0% |
| HSV | 114.1, 73.8%, 80.8% | 294.1, 73.8%, 80.8% |
| CMYK | 66.5%, 0.0%, 73.8%, 19.2% | 7.3%, 73.8%, 0.0%, 19.2% |
| OKLCH | 0.7491 0.2219 141.7 | 0.5978 0.2387 323.6 |
Contrast & Accessibility
2.19:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BF36CE → Background: #45CE36
The quick brown fox jumps over the lazy dog
Text: #45CE36 → Background: #BF36CE
Color Difference (Delta E)
177.12
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #45CE36, #BF36CE);
background: linear-gradient(135deg, #45CE36, #BF36CE);