Preview
#7dabbb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.5:1 · vs black: 8.41:1
HEX
#7dabbb
RGB
rgb(125, 171, 187)
RGBA
rgba(125, 171, 187, 1)
HSL
hsl(195, 31%, 61%)
HSV
hsv(195, 33%, 73%)
LAB
lab(67.33% -11.4 -13.13)
LCH
lch(67.33% 17.39 229.03)
OKLAB
oklab(0.7139 -0.0407 -0.0359)
OKLCH
oklch(0.7139 0.0543 221.41)
XYZ
xyz(31.99, 37.07, 52.47)
CMYK
cmyk(33%, 9%, 0%, 27%)
CSS
color: #7dabbb;
CSS variable
--color-7dabbb: #7dabbb;
SCSS
$color-7dabbb: #7dabbb;
Tailwind
cyan-300
Export
:root {
--#7dabbb-1: #7dabbb;
}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.