RGB(49, 46, 129) • HSL(242°, 47%, 34%)
Brettel/Viénot matrix transformation model simulating how #312E81 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-sapphire-blue: #312E81;
--color-sapphire-blue-rgb: 49, 46, 129;
--color-sapphire-blue-hsl: 242deg 47% 34%;
}