#855AE5
#855AE5
#BAE55A
#BAE55A
Color Values
| Format | #855AE5 | #BAE55A |
|---|---|---|
| HEX | #855AE5 | #BAE55A |
| RGB | 133, 90, 229 | 186, 229, 90 |
| HSL | 258.6, 72.8%, 62.5% | 78.6, 72.8%, 62.5% |
| HSV | 258.6, 60.7%, 89.8% | 78.6, 60.7%, 89.8% |
| CMYK | 41.9%, 60.7%, 0.0%, 10.2% | 18.8%, 0.0%, 60.7%, 10.2% |
| OKLCH | 0.5848 0.2011 293.5 | 0.8643 0.1719 124.5 |
Contrast & Accessibility
3.15:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BAE55A → Background: #855AE5
The quick brown fox jumps over the lazy dog
Text: #855AE5 → Background: #BAE55A
Color Difference (Delta E)
155.06
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #855AE5, #BAE55A);
background: linear-gradient(135deg, #855AE5, #BAE55A);