RGB(16, 185, 129) • HSL(160°, 84%, 39%)
Brettel/Viénot matrix transformation model simulating how #10B981 appears to users with vision deficiencies.
L-cone deficiency affecting red spectrum perception
M-cone deficiency affecting green spectrum perception
S-cone deficiency affecting blue/yellow perception
Complete absence of color vision (grayscale perception)
Export directly for Tailwind, SwiftUI, Android, Flutter, React, Vue, CSS & SCSS.
:root {
--color-emerald: #10B981;
--color-emerald-rgb: 16, 185, 129;
--color-emerald-hsl: 160deg 84% 39%;
}