Dichtstbijzijnde benoemde kleur · #00B1FF
#00B1FF
Dichtstbijzijnde benoemde kleur: Glitter Lake
#00B1FF (rgb(0 177 255), hsl(198 100% 50%), oklch(0.723 0.162 238.8)) komt het dichtst bij de benoemde kleur Glitter Lake. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00B1FF
oklch(0.723 0.162 238.8)
Kleurconversies
- HEX
- #00b1ff
- RGB
- rgb(0 177 255)
- HSL
- hsl(198 100% 50%)
- HWB
- hwb(198 0% 0%)
- OKLCH
- oklch(0.723 0.162 238.8)
- OKLab
- oklab(0.723 -0.084 -0.139)
- CIE Lab
- lab(67.71 -17.41 -49.99)
- LCH
- lch(67.71 52.94 250.8)
- CMYK
- cmyk(100% 31% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 3FB9FF
- 5DC2FF
- 75CAFF
- 8BD2FF
- A0DAFF
- B3E1FF
- C7E9FF
- DAF0FF
- ECF8FF
Schaduwen
- 0099DE
- 0083BE
- 006C9E
- 005780
- 004263
- 002F48
- 001C2E
- 000C16
- 000103
Tonen
- 2DADF2
- 40A8E5
- 4EA3D9
- 599FCC
- 629ABF
- 6995B3
- 7090A6
- 768B99
- 7B858D
Kleurharmonieën
Complementair +180°
- 00B1FF
Glitter Lake
- EE8820
≈ Mimolette Orange
Analoog -30° +30°
- 00B1FF
Glitter Lake
- 00BACF
≈ Holiday Blue
- 81A0FF
≈ Periwinkle Blue
Triadisch +120° +240°
- 00B1FF
Glitter Lake
- F475A4
≈ Pink Carnation
- 9CB31C
≈ Tree Frog
Gesplitst complementair +150° +210°
- 00B1FF
Glitter Lake
- FB7868
≈ Salmon
- CB9F00
≈ Lepton Gold
Tetradisch +90° +180° +270°
- 00B1FF
Glitter Lake
- DC7DD7
≈ Hibiscus Pop
- EE8820
≈ Mimolette Orange
- 4DC16A
≈ Emerald Cory
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.40:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.73:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--glitter-lake: #00b1ff;
--glitter-lake-rgb: 0 177 255;
--glitter-lake-oklch: oklch(0.723 0.162 238.8);
}
.element {
color: var(--glitter-lake);
background-color: hsl(198 100% 50%);
border-color: oklch(0.723 0.162 238.8);
}Tailwind CSS v4
@theme {
--color-glitter-lake: #00b1ff;
--color-glitter-lake-50: #ccfcff;
--color-glitter-lake-100: #b7f0ff;
--color-glitter-lake-200: #93deff;
--color-glitter-lake-300: #61c1ff;
--color-glitter-lake-400: #11a9f3;
--color-glitter-lake-500: #0090e4;
--color-glitter-lake-600: #007ac0;
--color-glitter-lake-700: #00629b;
--color-glitter-lake-800: #004873;
--color-glitter-lake-900: #003251;
--color-glitter-lake-950: #001e36;
}SCSS
$glitter-lake: #00b1ff;
$glitter-lake-rgb: 0, 177, 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);
}