RGB(0, 51, 153) • HSL(220°, 100%, 30%)
Brettel/Viénot matrix transformation model simulating how #003399 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: #003399;
--color-sapphire-blue-rgb: 0, 51, 153;
--color-sapphire-blue-hsl: 220deg 100% 30%;
}