Nazwany kolor · #88C1D8
Sky Babe
Sky Babe to #88C1D8: rgb(136 193 216), hsl(197 51% 69%), oklch(0.78 0.067 225). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Sky Babe color name →
#88C1D8
oklch(0.78 0.067 225)
Konwersje koloru
- HEX
- #88c1d8
- RGB
- rgb(136 193 216)
- HSL
- hsl(197 51% 69%)
- HWB
- hwb(197 53% 15%)
- OKLCH
- oklch(0.78 0.067 225)
- OKLab
- oklab(0.78 -0.048 -0.048)
- CIE Lab
- lab(74.74 -14.85 -17.78)
- LCH
- lch(74.74 23.17 230.1)
- CMYK
- cmyk(37% 11% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94C7DC
- A0CDE0
- ACD4E4
- B8DAE8
- C4E0EC
- D0E6F0
- DCECF3
- E7F3F7
- F3F9FB
Odcienie ciemniejsze
- 75A7BC
- 638FA0
- 527785
- 415F6B
- 314953
- 22343B
- 132025
- 060E11
- 010202
Tony
- 88BACF
- 88B4C6
- 87ADBD
- 86A7B4
- 86A0AB
- 859AA2
- 84939A
- 838D91
- 818689
Harmonie kolorów
Komplementarna +180°
- 88C1D8
Sky Babe
- DDAA94
≈ Arizona Dust
Analogowa -30° +30°
- 88C1D8
Sky Babe
- 83C5C5
≈ Bay Mist
- 9BBAE2
≈ His Eyes
Triada +120° +240°
- 88C1D8
Sky Babe
- D8A6C1
≈ Rhubarb Gin
- BDBA88
≈ Baby Bok Choy
Komplementarna rozszczepiona +150° +210°
- 88C1D8
Sky Babe
- DFA6A9
≈ Pastel Pink
- D1B287
≈ Light Oak
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.66:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.66:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--sky-babe: #88c1d8;
--sky-babe-rgb: 136 193 216;
--sky-babe-oklch: oklch(0.78 0.067 225);
}
.element {
color: var(--sky-babe);
background-color: hsl(197 51% 69%);
border-color: oklch(0.78 0.067 225);
}Tailwind CSS v4
@theme {
--color-sky-babe: #88c1d8;
--color-sky-babe-50: #e2faff;
--color-sky-babe-100: #d1edfa;
--color-sky-babe-200: #b7dbeb;
--color-sky-babe-300: #93bfd2;
--color-sky-babe-400: #72a7bd;
--color-sky-babe-500: #5190a8;
--color-sky-babe-600: #457a8e;
--color-sky-babe-700: #376172;
--color-sky-babe-800: #264853;
--color-sky-babe-900: #1a323a;
--color-sky-babe-950: #0a1e24;
}SCSS
$sky-babe: #88c1d8;
$sky-babe-rgb: 136, 193, 216;
$sky-babe-light: mix(#fff, $sky-babe, 20%);
$sky-babe-dark: mix(#000, $sky-babe, 20%);
.element {
color: $sky-babe;
box-shadow: 0 0 0 2px rgba($sky-babe, 0.35);
}