Najbliższy nazwany kolor · #00AFFF
#00AFFF
Najbliższy nazwany kolor: Glitter Lake
#00AFFF (rgb(0 175 255), hsl(199 100% 50%), oklch(0.719 0.164 239.8)) jest najbliższy nazwanemu kolorowi Glitter Lake. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00AFFF
oklch(0.719 0.164 239.8)
Konwersje koloru
- HEX
- #00afff
- RGB
- rgb(0 175 255)
- HSL
- hsl(199 100% 50%)
- HWB
- hwb(199 0% 0%)
- OKLCH
- oklch(0.719 0.164 239.8)
- OKLab
- oklab(0.719 -0.083 -0.142)
- CIE Lab
- lab(67.12 -16.43 -50.91)
- LCH
- lch(67.12 53.5 252.1)
- CMYK
- cmyk(100% 31% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3FB8FF
- 5CC0FF
- 75C9FF
- 8BD1FF
- 9FD9FF
- B3E1FF
- C6E8FF
- D9F0FF
- ECF8FF
Odcienie ciemniejsze
- 0098DE
- 0081BE
- 006B9E
- 005680
- 004163
- 002E48
- 001C2E
- 000B16
- 000103
Tony
- 2DABF2
- 40A6E5
- 4EA2D9
- 589ECC
- 6199BF
- 6994B3
- 708FA6
- 768A99
- 7B858D
Harmonie kolorów
Komplementarna +180°
- 00AFFF
Glitter Lake
- ED8715
≈ Mimolette Orange
Analogowa -30° +30°
- 00AFFF
Glitter Lake
- 00B9CF
≈ Utopia Beckons
- 809EFF
≈ Periwinkle Blue
Triada +120° +240°
- 00AFFF
Glitter Lake
- F373A0
≈ Embarrassed
- 98B219
≈ Sickly Green
Komplementarna rozszczepiona +150° +210°
- 00AFFF
Glitter Lake
- FA7764
≈ Akebono Dawn
- C89E00
≈ Molten Bronze
Tetrada +90° +180° +270°
- 00AFFF
Glitter Lake
- DC7BD5
≈ Hibiscus Pop
- ED8715
≈ Mimolette Orange
- 46C06A
≈ Iridescent Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.57:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.57:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--glitter-lake: #00afff;
--glitter-lake-rgb: 0 175 255;
--glitter-lake-oklch: oklch(0.719 0.164 239.8);
}
.element {
color: var(--glitter-lake);
background-color: hsl(199 100% 50%);
border-color: oklch(0.719 0.164 239.8);
}Tailwind CSS v4
@theme {
--color-glitter-lake: #00afff;
--color-glitter-lake-50: #ccfcff;
--color-glitter-lake-100: #b8f0ff;
--color-glitter-lake-200: #93ddff;
--color-glitter-lake-300: #62c1ff;
--color-glitter-lake-400: #15a9f4;
--color-glitter-lake-500: #008fe6;
--color-glitter-lake-600: #007ac2;
--color-glitter-lake-700: #00619c;
--color-glitter-lake-800: #004873;
--color-glitter-lake-900: #003251;
--color-glitter-lake-950: #001d36;
}SCSS
$glitter-lake: #00afff;
$glitter-lake-rgb: 0, 175, 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);
}