Preview
#3ebbe5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.22:1 · vs black: 9.44:1
HEX
#3ebbe5
RGB
rgb(62, 187, 229)
RGBA
rgba(62, 187, 229, 1)
HSL
hsl(195, 76%, 57%)
HSV
hsv(195, 73%, 90%)
LAB
lab(71.02% -20.52 -30.79)
LCH
lch(71.02% 37 236.32)
OKLAB
oklab(0.7417 -0.0866 -0.0863)
OKLCH
oklch(0.7417 0.1223 224.9)
XYZ
xyz(33.89, 42.22, 80.48)
CMYK
cmyk(73%, 18%, 0%, 10%)
CSS
color: #3ebbe5;
CSS variable
--color-3ebbe5: #3ebbe5;
SCSS
$color-3ebbe5: #3ebbe5;
Tailwind
cyan-400
Export
:root {
--spectrum-#3ebbe5-1: #3ebbe5;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.