Najbliższy nazwany kolor · #88B7C2
#88B7C2
Najbliższy nazwany kolor: Crystal Lake
#88B7C2 (rgb(136 183 194), hsl(191 32% 65%), oklch(0.75 0.052 213.7)) jest najbliższy nazwanemu kolorowi Crystal Lake. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#88B7C2
oklch(0.75 0.052 213.7)
Konwersje koloru
- HEX
- #88b7c2
- RGB
- rgb(136 183 194)
- HSL
- hsl(191 32% 65%)
- HWB
- hwb(191 53% 24%)
- OKLCH
- oklch(0.75 0.052 213.7)
- OKLab
- oklab(0.75 -0.043 -0.029)
- CIE Lab
- lab(71.35 -14.18 -10.93)
- LCH
- lch(71.35 17.9 217.6)
- CMYK
- cmyk(30% 6% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94BEC8
- A0C5CE
- ACCCD4
- B8D4DA
- C3DBE0
- CFE2E6
- DBE9ED
- E7F0F3
- F3F8F9
Odcienie ciemniejsze
- 759FA8
- 63878F
- 527077
- 415A60
- 314549
- 223134
- 131E20
- 060C0E
- 010202
Tony
- 88B1BB
- 87ACB4
- 87A6AE
- 86A1A7
- 859BA0
- 84969A
- 839093
- 828B8D
- 818586
Harmonie kolorów
Komplementarna +180°
- 88B7C2
Crystal Lake
- CDA399
≈ Eunry
Analogowa -30° +30°
- 88B7C2
Crystal Lake
- 89B9B1
≈ Morning Green
- 92B2CD
≈ Innocent Blue
Triada +120° +240°
- 88B7C2
Crystal Lake
- C3A2BC
≈ Marsh Orchid
- B9AE89
≈ Crocodile Green
Komplementarna rozszczepiona +150° +210°
- 88B7C2
Crystal Lake
- CCA1AA
≈ Whisper of Rose
- C6A78C
≈ Beige Intenso
Tetrada +90° +180° +270°
- 88B7C2
Crystal Lake
- B5A6C9
≈ Pixieland
- CDA399
≈ Eunry
- A7B490
≈ Haven
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.18:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.59:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--crystal-lake: #88b7c2;
--crystal-lake-rgb: 136 183 194;
--crystal-lake-oklch: oklch(0.75 0.052 213.7);
}
.element {
color: var(--crystal-lake);
background-color: hsl(191 32% 65%);
border-color: oklch(0.75 0.052 213.7);
}Tailwind CSS v4
@theme {
--color-crystal-lake: #88b7c2;
--color-crystal-lake-50: #e5f9ff;
--color-crystal-lake-100: #d5edf3;
--color-crystal-lake-200: #bcdae2;
--color-crystal-lake-300: #9abfc8;
--color-crystal-lake-400: #7ba7b1;
--color-crystal-lake-500: #5c909b;
--color-crystal-lake-600: #4f7983;
--color-crystal-lake-700: #3f6169;
--color-crystal-lake-800: #2c474d;
--color-crystal-lake-900: #1e3135;
--color-crystal-lake-950: #0e1d21;
}SCSS
$crystal-lake: #88b7c2;
$crystal-lake-rgb: 136, 183, 194;
$crystal-lake-light: mix(#fff, $crystal-lake, 20%);
$crystal-lake-dark: mix(#000, $crystal-lake, 20%);
.element {
color: $crystal-lake;
box-shadow: 0 0 0 2px rgba($crystal-lake, 0.35);
}