Benoemde kleur · #44BBFF
Glitter Lake
Glitter Lake is #44BBFF: rgb(68 187 255), hsl(202 100% 63%), oklch(0.755 0.143 238.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Glitter Lake color name →
#44BBFF
oklch(0.755 0.143 238.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 5EC2FF
- 73C9FF
- 87D0FF
- 99D7FF
- ABDEFF
- BCE5FF
- CDECFF
- DEF2FF
- EFF9FF
Schaduwen
- 3AA2DE
- 308ABE
- 26739E
- 1D5C80
- 144663
- 0C3248
- 051F2E
- 020D16
- 000203
Tonen
- 50B5F2
- 59B0E5
- 61AAD8
- 68A4CB
- 6D9EBF
- 7298B2
- 7692A6
- 7A8C99
- 7D868D
Kleurharmonieën
Complementair +180°
- 44BBFF
Glitter Lake
- F29749
≈ Physalis
Analoog -30° +30°
- 44BBFF
Glitter Lake
- 00C6DB
≈ The Crowd Roars!
- 8EACFF
≈ Kitten’s Eye
Triadisch +120° +240°
- 44BBFF
Glitter Lake
- F786AF
≈ Brown Knapweed
- A7BB47
≈ Money Banks
Gesplitst complementair +150° +210°
- 44BBFF
Glitter Lake
- FD8A7B
≈ Play ’til Dawn
- D5A92A
≈ Brassy
Tetradisch +90° +180° +270°
- 44BBFF
Glitter Lake
- E08DDD
≈ Love Dust
- F29749
≈ Physalis
- 69C87B
≈ Snow Pea
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.79:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.79:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
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);
}