Adlandırılmış renk · #D3D2DD
Light Kiri Mist
Light Kiri Mist, #D3D2DD: rgb(211 210 221), hsl(245 14% 85%), oklch(0.868 0.015 290.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Kiri Mist color name →
#D3D2DD
oklch(0.868 0.015 290.3)
Renk dönüşümleri
- HEX
- #d3d2dd
- RGB
- rgb(211 210 221)
- HSL
- hsl(245 14% 85%)
- HWB
- hwb(245 82% 13%)
- OKLCH
- oklch(0.868 0.015 290.3)
- OKLab
- oklab(0.868 0.005 -0.014)
- CIE Lab
- lab(84.52 1.88 -5.32)
- LCH
- lch(84.52 5.64 289.4)
- CMYK
- cmyk(5% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7D6E0
- DCDBE4
- E0DFE7
- E4E4EB
- E9E8EE
- EDEDF1
- F2F1F5
- F6F6F8
- FBFAFC
Koyu tonlar
- B7B6C0
- 9C9BA4
- 828188
- 69686E
- 515055
- 3A393D
- 242426
- 101011
- 020202
Gri tonlar
- CAC9D3
- C2C1CA
- B9B9C0
- B1B0B7
- A9A8AD
- A0A0A4
- 98989B
- 909092
- 888889
Renk uyumları
Tamamlayıcı +180°
- D3D2DD
Light Kiri Mist
- D4D5C9
≈ Soft Secret
Analog -30° +30°
- D3D2DD
Light Kiri Mist
- CED4DE
≈ Ephemeral Blue
- D8D0DA
≈ Iron Maiden
Üçlü +120° +240°
- D3D2DD
Light Kiri Mist
- DCD1CB
≈ Light Stone
- CAD7D2
≈ Blue Lullaby
Bölünmüş tamamlayıcı +150° +210°
- D3D2DD
Light Kiri Mist
- D9D3C9
≈ Ballroom Belle
- CED6CD
≈ Aspen Mist
Dörtlü +90° +180° +270°
- D3D2DD
Light Kiri Mist
- DDD0CF
≈ Light Hint of Lavender
- D4D5C9
≈ Soft Secret
- C9D7D7
≈ Offshore Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.03:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-kiri-mist: #d3d2dd;
--light-kiri-mist-rgb: 211 210 221;
--light-kiri-mist-oklch: oklch(0.868 0.015 290.3);
}
.element {
color: var(--light-kiri-mist);
background-color: hsl(245 14% 85%);
border-color: oklch(0.868 0.015 290.3);
}Tailwind CSS v4
@theme {
--color-light-kiri-mist: #d3d2dd;
--color-light-kiri-mist-50: #f5f4f9;
--color-light-kiri-mist-100: #e8e7ed;
--color-light-kiri-mist-200: #d4d3da;
--color-light-kiri-mist-300: #b7b6bf;
--color-light-kiri-mist-400: #9e9da7;
--color-light-kiri-mist-500: #868590;
--color-light-kiri-mist-600: #71707a;
--color-light-kiri-mist-700: #5a5a61;
--color-light-kiri-mist-800: #424247;
--color-light-kiri-mist-900: #2d2d31;
--color-light-kiri-mist-950: #1a1a1d;
}SCSS
$light-kiri-mist: #d3d2dd;
$light-kiri-mist-rgb: 211, 210, 221;
$light-kiri-mist-light: mix(#fff, $light-kiri-mist, 20%);
$light-kiri-mist-dark: mix(#000, $light-kiri-mist, 20%);
.element {
color: $light-kiri-mist;
box-shadow: 0 0 0 2px rgba($light-kiri-mist, 0.35);
}