Adlandırılmış renk · #DDDDD6
Frosty White
Frosty White, #DDDDD6: rgb(221 221 214), hsl(60 9% 85%), oklch(0.896 0.009 106.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Frosty White color name →
#DDDDD6
oklch(0.896 0.009 106.6)
Renk dönüşümleri
- HEX
- #ddddd6
- RGB
- rgb(221 221 214)
- HSL
- hsl(60 9% 85%)
- HWB
- hwb(60 84% 13%)
- OKLCH
- oklch(0.896 0.009 106.6)
- OKLab
- oklab(0.896 -0.003 0.009)
- CIE Lab
- lab(87.97 -0.92 3.45)
- LCH
- lch(87.97 3.57 105)
- CMYK
- cmyk(0% 0% 3% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0E0DA
- E4E4DE
- E7E7E2
- EAEAE6
- EEEEEA
- F1F1EE
- F5F5F3
- F8F8F7
- FCFCFB
Koyu tonlar
- C0C0BA
- A4A49E
- 888884
- 6E6E6A
- 555552
- 3D3D3B
- 262625
- 111110
- 020202
Gri tonlar
- D3D3CD
- CACAC4
- C0C0BB
- B7B7B3
- ADADAA
- A4A4A1
- 9B9B99
- 929291
- 898988
Renk uyumları
Tamamlayıcı +180°
- DDDDD6
Frosty White
- DCDCE3
≈ Rare Orchid
Analog -30° +30°
- DDDDD6
Frosty White
- E0DCD6
≈ Pheasant’s Egg
- DADED8
≈ Ladoga Bottom
Üçlü +120° +240°
- DDDDD6
Frosty White
- D6DEE1
≈ Mystic Pool
- E2DADE
≈ Puffball Vapour
Bölünmüş tamamlayıcı +150° +210°
- DDDDD6
Frosty White
- D9DDE3
≈ Ash in the Air
- DFDBE1
≈ Breathless
Dörtlü +90° +180° +270°
- DDDDD6
Frosty White
- D6DFDE
≈ Echo Mist
- DCDCE3
≈ Rare Orchid
- E3DADA
≈ Ghostwaver
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.38:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosty-white: #ddddd6;
--frosty-white-rgb: 221 221 214;
--frosty-white-oklch: oklch(0.896 0.009 106.6);
}
.element {
color: var(--frosty-white);
background-color: hsl(60 9% 85%);
border-color: oklch(0.896 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-frosty-white: #ddddd6;
--color-frosty-white-50: #f5f5f2;
--color-frosty-white-100: #e8e8e5;
--color-frosty-white-200: #d4d4d0;
--color-frosty-white-300: #b7b8b2;
--color-frosty-white-400: #9f9f99;
--color-frosty-white-500: #878780;
--color-frosty-white-600: #72726c;
--color-frosty-white-700: #5b5b56;
--color-frosty-white-800: #43433f;
--color-frosty-white-900: #2e2e2b;
--color-frosty-white-950: #1b1b19;
}SCSS
$frosty-white: #ddddd6;
$frosty-white-rgb: 221, 221, 214;
$frosty-white-light: mix(#fff, $frosty-white, 20%);
$frosty-white-dark: mix(#000, $frosty-white, 20%);
.element {
color: $frosty-white;
box-shadow: 0 0 0 2px rgba($frosty-white, 0.35);
}