#7BBC88
#7BBC88
#BC7BAF
#BC7BAF
Color Values
| Format | #7BBC88 | #BC7BAF |
|---|---|---|
| HEX | #7BBC88 | #BC7BAF |
| RGB | 123, 188, 136 | 188, 123, 175 |
| HSL | 132.0, 32.7%, 61.0% | 312.0, 32.7%, 61.0% |
| HSV | 132.0, 34.6%, 73.7% | 312.0, 34.6%, 73.7% |
| CMYK | 34.6%, 0.0%, 27.7%, 26.3% | 0.0%, 34.6%, 6.9%, 26.3% |
| OKLCH | 0.7374 0.1003 149.7 | 0.6671 0.1059 334.2 |
Contrast & Accessibility
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BC7BAF → Background: #7BBC88
The quick brown fox jumps over the lazy dog
Text: #7BBC88 → Background: #BC7BAF
Color Difference (Delta E)
75.63
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7BBC88, #BC7BAF);
background: linear-gradient(135deg, #7BBC88, #BC7BAF);