RGB(0, 102, 204) • HSL(210°, 100%, 40%)
Brettel/Viénot matrix transformation model simulating how #0066CC 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: #0066CC;
--color-sapphire-blue-rgb: 0, 102, 204;
--color-sapphire-blue-hsl: 210deg 100% 40%;
}