Nazwany kolor · #BEE0E2
Poolside
Poolside to #BEE0E2: rgb(190 224 226), hsl(183 38% 82%), oklch(0.883 0.036 200.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Poolside color name →
#BEE0E2
oklch(0.883 0.036 200.9)
Konwersje koloru
- HEX
- #bee0e2
- RGB
- rgb(190 224 226)
- HSL
- hsl(183 38% 82%)
- HWB
- hwb(183 75% 11%)
- OKLCH
- oklch(0.883 0.036 200.9)
- OKLab
- oklab(0.883 -0.033 -0.013)
- CIE Lab
- lab(86.75 -11.25 -4.92)
- LCH
- lch(86.75 12.28 203.6)
- CMYK
- cmyk(16% 1% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5E3E5
- CBE6E8
- D2E9EB
- D8ECEE
- DFF0F0
- E5F3F3
- ECF6F6
- F2F9F9
- F9FCFC
Odcienie ciemniejsze
- A5C3C4
- 8CA6A8
- 758A8C
- 5E7071
- 485657
- 333E3E
- 1F2727
- 0D1212
- 020203
Tony
- B8D6D8
- B2CCCE
- ABC2C4
- A5B8BA
- 9FAFB0
- 99A5A6
- 929C9C
- 8C9293
- 868989
Harmonie kolorów
Komplementarna +180°
- BEE0E2
Poolside
- EFD0CE
≈ Romantic Déjà Vu
Analogowa -30° +30°
- BEE0E2
Poolside
- C2E1D5
≈ Serendipity
- C2DDEC
≈ Island View
Triada +120° +240°
- BEE0E2
Poolside
- E4D1E7
≈ Little Touch
- E5D6BE
≈ Scallywag
Komplementarna rozszczepiona +150° +210°
- BEE0E2
Poolside
- ECCFDB
≈ Creamy Freesia
- EDD2C4
≈ Blushing
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.94:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--poolside: #bee0e2;
--poolside-rgb: 190 224 226;
--poolside-oklch: oklch(0.883 0.036 200.9);
}
.element {
color: var(--poolside);
background-color: hsl(183 38% 82%);
border-color: oklch(0.883 0.036 200.9);
}Tailwind CSS v4
@theme {
--color-poolside: #bee0e2;
--color-poolside-50: #eaf8fa;
--color-poolside-100: #dbeced;
--color-poolside-200: #c3d9db;
--color-poolside-300: #a3bdbf;
--color-poolside-400: #86a5a7;
--color-poolside-500: #6a8e90;
--color-poolside-600: #5a787a;
--color-poolside-700: #486061;
--color-poolside-800: #344647;
--color-poolside-900: #233131;
--color-poolside-950: #121d1d;
}SCSS
$poolside: #bee0e2;
$poolside-rgb: 190, 224, 226;
$poolside-light: mix(#fff, $poolside, 20%);
$poolside-dark: mix(#000, $poolside, 20%);
.element {
color: $poolside;
box-shadow: 0 0 0 2px rgba($poolside, 0.35);
}