Named color · #44BBFF
Glitter Lake
Glitter Lake is #44BBFF: rgb(68 187 255), hsl(202 100% 63%), oklch(0.755 0.143 238.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Glitter Lake color name →
#44BBFF
oklch(0.755 0.143 238.3)
Color conversions
- HEX
- #44bbff
- RGB
- rgb(68 187 255)
- HSL
- hsl(202 100% 63%)
- HWB
- hwb(202 27% 0%)
- OKLCH
- oklch(0.755 0.143 238.3)
- OKLab
- oklab(0.755 -0.075 -0.121)
- CIE Lab
- lab(71.54 -17.39 -43.94)
- LCH
- lch(71.54 47.26 248.4)
- CMYK
- cmyk(73% 27% 0% 0%)
Tints · Shades · Tones
Tints
- 5EC2FF
- 73C9FF
- 87D0FF
- 99D7FF
- ABDEFF
- BCE5FF
- CDECFF
- DEF2FF
- EFF9FF
Shades
- 3AA2DE
- 308ABE
- 26739E
- 1D5C80
- 144663
- 0C3248
- 051F2E
- 020D16
- 000203
Tones
- 50B5F2
- 59B0E5
- 61AAD8
- 68A4CB
- 6D9EBF
- 7298B2
- 7692A6
- 7A8C99
- 7D868D
Color harmonies
Complementary +180°
- 44BBFF
Glitter Lake
- F29749
≈ Physalis
Analogous -30° +30°
- 44BBFF
Glitter Lake
- 00C6DB
≈ The Crowd Roars!
- 8EACFF
≈ Kitten’s Eye
Triadic +120° +240°
- 44BBFF
Glitter Lake
- F786AF
≈ Brown Knapweed
- A7BB47
≈ Money Banks
Split-complementary +150° +210°
- 44BBFF
Glitter Lake
- FD8A7B
≈ Play ’til Dawn
- D5A92A
≈ Brassy
Tetradic +90° +180° +270°
- 44BBFF
Glitter Lake
- E08DDD
≈ Love Dust
- F29749
≈ Physalis
- 69C87B
≈ Snow Pea
Contrast & accessibility
Ag
FailOn white
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.79:1 · APCA Lc 61
Best text color: #000000
WCAG 9.79:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--glitter-lake: #44bbff;
--glitter-lake-rgb: 68 187 255;
--glitter-lake-oklch: oklch(0.755 0.143 238.3);
}
.element {
color: var(--glitter-lake);
background-color: hsl(202 100% 63%);
border-color: oklch(0.755 0.143 238.3);
}Tailwind CSS v4
@theme {
--color-glitter-lake: #44bbff;
--color-glitter-lake-50: #d1fcff;
--color-glitter-lake-100: #bdefff;
--color-glitter-lake-200: #9cddff;
--color-glitter-lake-300: #6ec1f9;
--color-glitter-lake-400: #38a9e8;
--color-glitter-lake-500: #0090d9;
--color-glitter-lake-600: #007ab7;
--color-glitter-lake-700: #006293;
--color-glitter-lake-800: #00486d;
--color-glitter-lake-900: #00324c;
--color-glitter-lake-950: #001e33;
}SCSS
$glitter-lake: #44bbff;
$glitter-lake-rgb: 68, 187, 255;
$glitter-lake-light: mix(#fff, $glitter-lake, 20%);
$glitter-lake-dark: mix(#000, $glitter-lake, 20%);
.element {
color: $glitter-lake;
box-shadow: 0 0 0 2px rgba($glitter-lake, 0.35);
}