Adlandırılmış renk · #C8DDDA
Sunken Pool
Sunken Pool, #C8DDDA: rgb(200 221 218), hsl(171 24% 83%), oklch(0.881 0.023 186.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sunken Pool color name →
#C8DDDA
oklch(0.881 0.023 186.4)
Renk dönüşümleri
- HEX
- #c8ddda
- RGB
- rgb(200 221 218)
- HSL
- hsl(171 24% 83%)
- HWB
- hwb(171 78% 13%)
- OKLCH
- oklch(0.881 0.023 186.4)
- OKLab
- oklab(0.881 -0.023 -0.003)
- CIE Lab
- lab(86.47 -7.68 -1.04)
- LCH
- lch(86.47 7.75 187.7)
- CMYK
- cmyk(10% 0% 1% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDE0DE
- D3E4E1
- D8E7E5
- DEEBE9
- E3EEEC
- E9F1F0
- EEF5F4
- F4F8F8
- F9FCFB
Koyu tonlar
- AEC0BD
- 94A4A2
- 7B8887
- 636E6C
- 4C5554
- 363D3C
- 212625
- 0F1111
- 020202
Gri tonlar
- C1D3D1
- B9CAC7
- B2C0BE
- ABB7B5
- A3ADAC
- 9CA4A3
- 959B9A
- 8E9291
- 878989
Renk uyumları
Tamamlayıcı +180°
- C8DDDA
Sunken Pool
- E6D2D5
≈ Desert Mauve
Analog -30° +30°
- C8DDDA
Sunken Pool
- CCDDD2
≈ Luminous Mist
- C8DCE2
≈ Light Blue Sloth
Üçlü +120° +240°
- C8DDDA
Sunken Pool
- DBD4E4
≈ Light Angel Kiss
- E3D5C8
≈ Sheer Scarf
Bölünmüş tamamlayıcı +150° +210°
- C8DDDA
Sunken Pool
- E2D2DD
≈ Mauve Aquarelle
- E6D3CE
≈ Bridal Scent
Dörtlü +90° +180° +270°
- C8DDDA
Sunken Pool
- D3D7E7
≈ Cheerful Whisper
- E6D2D5
≈ Desert Mauve
- DCD8C7
≈ Limestone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.41:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.81:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunken-pool: #c8ddda;
--sunken-pool-rgb: 200 221 218;
--sunken-pool-oklch: oklch(0.881 0.023 186.4);
}
.element {
color: var(--sunken-pool);
background-color: hsl(171 24% 83%);
border-color: oklch(0.881 0.023 186.4);
}Tailwind CSS v4
@theme {
--color-sunken-pool: #c8ddda;
--color-sunken-pool-50: #eef7f6;
--color-sunken-pool-100: #e0eae9;
--color-sunken-pool-200: #cad8d6;
--color-sunken-pool-300: #abbbb9;
--color-sunken-pool-400: #90a3a0;
--color-sunken-pool-500: #768b88;
--color-sunken-pool-600: #647673;
--color-sunken-pool-700: #505e5c;
--color-sunken-pool-800: #3a4543;
--color-sunken-pool-900: #28302e;
--color-sunken-pool-950: #161c1b;
}SCSS
$sunken-pool: #c8ddda;
$sunken-pool-rgb: 200, 221, 218;
$sunken-pool-light: mix(#fff, $sunken-pool, 20%);
$sunken-pool-dark: mix(#000, $sunken-pool, 20%);
.element {
color: $sunken-pool;
box-shadow: 0 0 0 2px rgba($sunken-pool, 0.35);
}