#BAEF9A
#BAEF9A
#CF9AEF
#CF9AEF
Color Values
| Format | #BAEF9A | #CF9AEF |
|---|---|---|
| HEX | #BAEF9A | #CF9AEF |
| RGB | 186, 239, 154 | 207, 154, 239 |
| HSL | 97.4, 72.6%, 77.1% | 277.4, 72.6%, 77.1% |
| HSV | 97.4, 35.6%, 93.7% | 277.4, 35.6%, 93.7% |
| CMYK | 22.2%, 0.0%, 35.6%, 6.3% | 13.4%, 35.6%, 0.0%, 6.3% |
| OKLCH | 0.8954 0.1241 134.3 | 0.7664 0.1304 312.1 |
Contrast & Accessibility
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CF9AEF → Background: #BAEF9A
The quick brown fox jumps over the lazy dog
Text: #BAEF9A → Background: #CF9AEF
Color Difference (Delta E)
99.0
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BAEF9A, #CF9AEF);
background: linear-gradient(135deg, #BAEF9A, #CF9AEF);