Nazwany kolor · #D2EFE6
Shimmering Pool
Shimmering Pool to #D2EFE6: rgb(210 239 230), hsl(161 48% 88%), oklch(0.929 0.033 174.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Shimmering Pool color name →
#D2EFE6
oklch(0.929 0.033 174.9)
Konwersje koloru
- HEX
- #d2efe6
- RGB
- rgb(210 239 230)
- HSL
- hsl(161 48% 88%)
- HWB
- hwb(161 82% 6%)
- OKLCH
- oklch(0.929 0.033 174.9)
- OKLab
- oklab(0.929 -0.033 0.003)
- CIE Lab
- lab(92.14 -11.11 0.99)
- LCH
- lch(92.14 11.15 174.9)
- CMYK
- cmyk(12% 0% 4% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7F1E8
- DBF2EB
- E0F4ED
- E4F5F0
- E9F7F2
- EDF9F5
- F2FAF7
- F6FCFA
- FBFDFC
Odcienie ciemniejsze
- B6D0C8
- 9BB1AB
- 81948E
- 687873
- 505C59
- 394240
- 242A28
- 101413
- 020303
Tony
- CAE3DB
- C1D8D1
- B9CCC6
- B1C1BC
- A8B6B2
- A0ABA7
- 98A09D
- 909593
- 888B8A
Harmonie kolorów
Komplementarna +180°
- D2EFE6
Shimmering Pool
- FADFE8
≈ Watermelon Mousse
Analogowa -30° +30°
- D2EFE6
Shimmering Pool
- DBEEDA
≈ Dewmist Delight
- CFEEF2
≈ Diamond League
Triada +120° +240°
- D2EFE6
Shimmering Pool
- E8E4FC
≈ Lavender Mist
- FAE2D3
≈ Ephemeral Peach
Komplementarna rozszczepiona +150° +210°
- D2EFE6
Shimmering Pool
- F3E0F4
≈ Sheer Lavender
- FDE0DD
≈ Peachy Ethereal
Tetrada +90° +180° +270°
- D2EFE6
Shimmering Pool
- DDE8FE
≈ Cloudless
- FADFE8
≈ Watermelon Mousse
- F1E6CF
≈ Writing Paper
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.22:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.22:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--shimmering-pool: #d2efe6;
--shimmering-pool-rgb: 210 239 230;
--shimmering-pool-oklch: oklch(0.929 0.033 174.9);
}
.element {
color: var(--shimmering-pool);
background-color: hsl(161 48% 88%);
border-color: oklch(0.929 0.033 174.9);
}Tailwind CSS v4
@theme {
--color-shimmering-pool: #d2efe6;
--color-shimmering-pool-50: #ecf8f5;
--color-shimmering-pool-100: #ddece7;
--color-shimmering-pool-200: #c6d9d4;
--color-shimmering-pool-300: #a7bdb7;
--color-shimmering-pool-400: #8ba59d;
--color-shimmering-pool-500: #708e85;
--color-shimmering-pool-600: #5f7870;
--color-shimmering-pool-700: #4c605a;
--color-shimmering-pool-800: #374641;
--color-shimmering-pool-900: #26312d;
--color-shimmering-pool-950: #141d1a;
}SCSS
$shimmering-pool: #d2efe6;
$shimmering-pool-rgb: 210, 239, 230;
$shimmering-pool-light: mix(#fff, $shimmering-pool, 20%);
$shimmering-pool-dark: mix(#000, $shimmering-pool, 20%);
.element {
color: $shimmering-pool;
box-shadow: 0 0 0 2px rgba($shimmering-pool, 0.35);
}