RGB(33, 150, 243) • HSL(207°, 90%, 54%)
Brettel/Viénot matrix transformation model simulating how #2196F3 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-cornflower-blue: #2196F3;
--color-cornflower-blue-rgb: 33, 150, 243;
--color-cornflower-blue-hsl: 207deg 90% 54%;
}