Nazwany kolor · #D8DEE3
Billowing Clouds
Billowing Clouds to #D8DEE3: rgb(216 222 227), hsl(207 16% 87%), oklch(0.897 0.009 242.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Billowing Clouds color name →
#D8DEE3
oklch(0.897 0.009 242.8)
Konwersje koloru
- HEX
- #d8dee3
- RGB
- rgb(216 222 227)
- HSL
- hsl(207 16% 87%)
- HWB
- hwb(207 85% 11%)
- OKLCH
- oklch(0.897 0.009 242.8)
- OKLab
- oklab(0.897 -0.004 -0.008)
- CIE Lab
- lab(88.11 -1.4 -3.2)
- LCH
- lch(88.11 3.49 246.3)
- CMYK
- cmyk(5% 2% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCE1E6
- E0E5E9
- E4E8EB
- E7EBEE
- EBEEF1
- EFF2F4
- F3F5F7
- F7F8F9
- FBFCFC
Odcienie ciemniejsze
- BCC1C5
- A0A5A8
- 85898C
- 6B6F71
- 535557
- 3B3D3F
- 252627
- 111212
- 020203
Tony
- CFD4D9
- C6CACE
- BDC1C4
- B4B7BA
- ABAEB0
- A2A4A6
- 9A9B9D
- 919293
- 888989
Harmonie kolorów
Komplementarna +180°
- D8DEE3
Billowing Clouds
- E2DCD7
≈ Marble Quarry
Analogowa -30° +30°
- D8DEE3
Billowing Clouds
- D6DFE1
≈ Blue Smoke
- DBDDE4
≈ Timid Cloud
Triada +120° +240°
- D8DEE3
Billowing Clouds
- E3DBDC
≈ Ghostwaver
- DCDED7
≈ Frosty White
Komplementarna rozszczepiona +150° +210°
- D8DEE3
Billowing Clouds
- E3DBD9
≈ Chernobog Breath
- DFDDD6
≈ Sea Fog
Tetrada +90° +180° +270°
- D8DEE3
Billowing Clouds
- E1DBE0
≈ Puffball Vapour
- E2DCD7
≈ Marble Quarry
- D9DFDA
≈ Rapier Silver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.47:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--billowing-clouds: #d8dee3;
--billowing-clouds-rgb: 216 222 227;
--billowing-clouds-oklch: oklch(0.897 0.009 242.8);
}
.element {
color: var(--billowing-clouds);
background-color: hsl(207 16% 87%);
border-color: oklch(0.897 0.009 242.8);
}Tailwind CSS v4
@theme {
--color-billowing-clouds: #d8dee3;
--color-billowing-clouds-50: #f3f5f8;
--color-billowing-clouds-100: #e5e8eb;
--color-billowing-clouds-200: #d1d5d8;
--color-billowing-clouds-300: #b3b8bc;
--color-billowing-clouds-400: #9a9fa4;
--color-billowing-clouds-500: #81878c;
--color-billowing-clouds-600: #6d7276;
--color-billowing-clouds-700: #575b5f;
--color-billowing-clouds-800: #404345;
--color-billowing-clouds-900: #2c2e30;
--color-billowing-clouds-950: #191b1c;
}SCSS
$billowing-clouds: #d8dee3;
$billowing-clouds-rgb: 216, 222, 227;
$billowing-clouds-light: mix(#fff, $billowing-clouds, 20%);
$billowing-clouds-dark: mix(#000, $billowing-clouds, 20%);
.element {
color: $billowing-clouds;
box-shadow: 0 0 0 2px rgba($billowing-clouds, 0.35);
}