Adlandırılmış renk · #DADCE0
Snow Tiger
Snow Tiger, #DADCE0: rgb(218 220 224), hsl(220 9% 87%), oklch(0.894 0.006 264.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Snow Tiger color name →
#DADCE0
oklch(0.894 0.006 264.5)
Renk dönüşümleri
- HEX
- #dadce0
- RGB
- rgb(218 220 224)
- HSL
- hsl(220 9% 87%)
- HWB
- hwb(220 85% 12%)
- OKLCH
- oklch(0.894 0.006 264.5)
- OKLab
- oklab(0.894 -0.001 -0.006)
- CIE Lab
- lab(87.69 -0.16 -2.22)
- LCH
- lch(87.69 2.22 266)
- CMYK
- cmyk(3% 2% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEDFE3
- E1E3E6
- E5E6E9
- E9EAEC
- ECEDEF
- F0F1F3
- F4F4F6
- F8F8F9
- FBFBFC
Koyu tonlar
- BDBFC3
- A2A3A6
- 87888A
- 6C6E70
- 545456
- 3C3C3E
- 252627
- 111112
- 020202
Gri tonlar
- D1D2D6
- C7C9CC
- BEBFC2
- B5B6B8
- ACADAF
- A3A4A5
- 9A9B9C
- 919292
- 898989
Renk uyumları
Tamamlayıcı +180°
- DADCE0
Snow Tiger
- DEDCD8
≈ Spectral
Analog -30° +30°
- DADCE0
Snow Tiger
- D8DDDF
≈ Spring Thaw
- DCDBE0
≈ Faint Fern
Üçlü +120° +240°
- DADCE0
Snow Tiger
- E0DBDA
≈ Snow Peak
- DADDDA
≈ Shiny Lustre
Bölünmüş tamamlayıcı +150° +210°
- DADCE0
Snow Tiger
- DFDBD8
≈ Clear Cinnamon
- DCDCD8
≈ Fleur de Sel
Dörtlü +90° +180° +270°
- DADCE0
Snow Tiger
- DFDADC
≈ Subtle
- DEDCD8
≈ Spectral
- D8DDDC
≈ December Rain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.29:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--snow-tiger: #dadce0;
--snow-tiger-rgb: 218 220 224;
--snow-tiger-oklch: oklch(0.894 0.006 264.5);
}
.element {
color: var(--snow-tiger);
background-color: hsl(220 9% 87%);
border-color: oklch(0.894 0.006 264.5);
}Tailwind CSS v4
@theme {
--color-snow-tiger: #dadce0;
--color-snow-tiger-50: #f4f5f7;
--color-snow-tiger-100: #e7e8ea;
--color-snow-tiger-200: #d3d4d7;
--color-snow-tiger-300: #b6b7ba;
--color-snow-tiger-400: #9d9ea2;
--color-snow-tiger-500: #84868a;
--color-snow-tiger-600: #707275;
--color-snow-tiger-700: #595b5d;
--color-snow-tiger-800: #414244;
--color-snow-tiger-900: #2d2e2f;
--color-snow-tiger-950: #1a1b1c;
}SCSS
$snow-tiger: #dadce0;
$snow-tiger-rgb: 218, 220, 224;
$snow-tiger-light: mix(#fff, $snow-tiger, 20%);
$snow-tiger-dark: mix(#000, $snow-tiger, 20%);
.element {
color: $snow-tiger;
box-shadow: 0 0 0 2px rgba($snow-tiger, 0.35);
}