Adlandırılmış renk · #C5C5D3
Kiri Mist
Kiri Mist, #C5C5D3: rgb(197 197 211), hsl(240 14% 80%), oklch(0.828 0.019 286). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Kiri Mist color name →
#C5C5D3
oklch(0.828 0.019 286)
Renk dönüşümleri
- HEX
- #c5c5d3
- RGB
- rgb(197 197 211)
- HSL
- hsl(240 14% 80%)
- HWB
- hwb(240 77% 17%)
- OKLCH
- oklch(0.828 0.019 286)
- OKLab
- oklab(0.828 0.005 -0.019)
- CIE Lab
- lab(79.84 1.98 -7.01)
- LCH
- lch(79.84 7.29 285.8)
- CMYK
- cmyk(7% 7% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBCBD7
- D0D0DC
- D6D6E0
- DCDCE4
- E2E2E9
- E7E7ED
- EDEDF2
- F3F3F6
- F9F9FB
Koyu tonlar
- ABABB7
- 92929C
- 797982
- 616169
- 4B4B51
- 35353A
- 212124
- 0E0E10
- 020202
Gri tonlar
- BEBECA
- B7B7C2
- B0B0B9
- A9A9B1
- A2A2A9
- 9B9BA0
- 949498
- 8D8D90
- 878788
Renk uyumları
Tamamlayıcı +180°
- C5C5D3
Kiri Mist
- C8C8B9
≈ Upstate
Analog -30° +30°
- C5C5D3
Kiri Mist
- BFC7D3
≈ Northern Exposure
- CCC3CF
≈ Orchid Hush
Üçlü +120° +240°
- C5C5D3
Kiri Mist
- D2C3BC
≈ Josephine
- BBCBC4
≈ Blue Shamrock
Bölünmüş tamamlayıcı +150° +210°
- C5C5D3
Kiri Mist
- CEC5B9
≈ Gallery Taupe
- C1CABD
≈ Desert Panzer
Dörtlü +90° +180° +270°
- C5C5D3
Kiri Mist
- D3C2C2
≈ Wishy-Washy Brown
- C8C8B9
≈ Upstate
- B9CBCB
≈ Blue Shale
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.70:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.30:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--kiri-mist: #c5c5d3;
--kiri-mist-rgb: 197 197 211;
--kiri-mist-oklch: oklch(0.828 0.019 286);
}
.element {
color: var(--kiri-mist);
background-color: hsl(240 14% 80%);
border-color: oklch(0.828 0.019 286);
}Tailwind CSS v4
@theme {
--color-kiri-mist: #c5c5d3;
--color-kiri-mist-50: #f5f4fb;
--color-kiri-mist-100: #e7e7ee;
--color-kiri-mist-200: #d3d3dc;
--color-kiri-mist-300: #b6b6c1;
--color-kiri-mist-400: #9d9daa;
--color-kiri-mist-500: #858593;
--color-kiri-mist-600: #70707c;
--color-kiri-mist-700: #5a5a63;
--color-kiri-mist-800: #414249;
--color-kiri-mist-900: #2d2d33;
--color-kiri-mist-950: #1a1a1e;
}SCSS
$kiri-mist: #c5c5d3;
$kiri-mist-rgb: 197, 197, 211;
$kiri-mist-light: mix(#fff, $kiri-mist, 20%);
$kiri-mist-dark: mix(#000, $kiri-mist, 20%);
.element {
color: $kiri-mist;
box-shadow: 0 0 0 2px rgba($kiri-mist, 0.35);
}