Adlandırılmış renk · #DDDCE1
Azure Hint
Azure Hint, #DDDCE1: rgb(221 220 225), hsl(252 8% 87%), oklch(0.897 0.007 295.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? → · Azure Hint color name →
#DDDCE1
oklch(0.897 0.007 295.4)
Renk dönüşümleri
- HEX
- #dddce1
- RGB
- rgb(221 220 225)
- HSL
- hsl(252 8% 87%)
- HWB
- hwb(252 86% 12%)
- OKLCH
- oklch(0.897 0.007 295.4)
- OKLab
- oklab(0.897 0.003 -0.006)
- CIE Lab
- lab(87.95 1.03 -2.33)
- LCH
- lch(87.95 2.55 293.8)
- CMYK
- cmyk(2% 2% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0DFE4
- E4E3E7
- E7E6EA
- EAEAED
- EEEDF0
- F1F1F3
- F5F4F6
- F8F8F9
- FCFBFC
Koyu tonlar
- C0BFC4
- A4A3A7
- 88888B
- 6E6E70
- 555456
- 3D3C3E
- 262627
- 111112
- 020202
Gri tonlar
- D3D2D7
- CAC9CD
- C0BFC3
- B7B6B9
- ADADAF
- A4A4A6
- 9B9B9C
- 929293
- 898989
Renk uyumları
Tamamlayıcı +180°
- DDDCE1
Azure Hint
- DCDDD8
≈ Fleur de Sel
Analog -30° +30°
- DDDCE1
Azure Hint
- DBDDE2
≈ Rare Orchid
- DFDBDF
≈ White-Collar
Üçlü +120° +240°
- DDDCE1
Azure Hint
- E1DCD9
≈ Nouvelle White
- D8DEDD
≈ Silver Sand
Bölünmüş tamamlayıcı +150° +210°
- DDDCE1
Azure Hint
- DFDDD8
≈ Whisper Softly
- DADEDA
≈ Nomadic Dream
Dörtlü +90° +180° +270°
- DDDCE1
Azure Hint
- E1DBDA
≈ Ghostwaver
- DCDDD8
≈ Fleur de Sel
- D8DEDF
≈ Echo Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.39:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--azure-hint: #dddce1;
--azure-hint-rgb: 221 220 225;
--azure-hint-oklch: oklch(0.897 0.007 295.4);
}
.element {
color: var(--azure-hint);
background-color: hsl(252 8% 87%);
border-color: oklch(0.897 0.007 295.4);
}Tailwind CSS v4
@theme {
--color-azure-hint: #dddce1;
--color-azure-hint-50: #f5f5f7;
--color-azure-hint-100: #e8e7ea;
--color-azure-hint-200: #d4d4d7;
--color-azure-hint-300: #b8b7ba;
--color-azure-hint-400: #9e9ea2;
--color-azure-hint-500: #86858a;
--color-azure-hint-600: #727175;
--color-azure-hint-700: #5b5a5e;
--color-azure-hint-800: #424245;
--color-azure-hint-900: #2e2d2f;
--color-azure-hint-950: #1b1a1c;
}SCSS
$azure-hint: #dddce1;
$azure-hint-rgb: 221, 220, 225;
$azure-hint-light: mix(#fff, $azure-hint, 20%);
$azure-hint-dark: mix(#000, $azure-hint, 20%);
.element {
color: $azure-hint;
box-shadow: 0 0 0 2px rgba($azure-hint, 0.35);
}