Adlandırılmış renk · #C5D1D8
Wind Weaver
Wind Weaver, #C5D1D8: rgb(197 209 216), hsl(202 20% 81%), oklch(0.854 0.016 233.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wind Weaver color name →
#C5D1D8
oklch(0.854 0.016 233.1)
Renk dönüşümleri
- HEX
- #c5d1d8
- RGB
- rgb(197 209 216)
- HSL
- hsl(202 20% 81%)
- HWB
- hwb(202 77% 15%)
- OKLCH
- oklch(0.854 0.016 233.1)
- OKLab
- oklab(0.854 -0.01 -0.013)
- CIE Lab
- lab(83.07 -3.2 -4.96)
- LCH
- lch(83.07 5.9 237.1)
- CMYK
- cmyk(9% 3% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBD6DC
- D0DAE0
- D6DFE4
- DCE3E7
- E2E8EB
- E8ECEF
- EDF1F3
- F3F6F7
- F9FAFB
Koyu tonlar
- ABB5BC
- 929BA0
- 798185
- 61686B
- 4B5053
- 35393B
- 212325
- 0E1011
- 020202
Gri tonlar
- BEC9CF
- B7C0C6
- B0B8BD
- A9B0B4
- A2A8AB
- 9BA0A2
- 94989A
- 8D9091
- 878888
Renk uyumları
Tamamlayıcı +180°
- C5D1D8
Wind Weaver
- D8CCC5
≈ Subpoena
Analog -30° +30°
- C5D1D8
Wind Weaver
- C3D2D4
≈ Sunday Sky
- C9CFDA
≈ Pale Shale
Üçlü +120° +240°
- C5D1D8
Wind Weaver
- D8CBD0
≈ Old Red Crest
- CFD0C4
≈ Pan’s Flute
Bölünmüş tamamlayıcı +150° +210°
- C5D1D8
Wind Weaver
- D9CBCA
≈ Nut Milk
- D4CEC3
≈ Gossamer Veil
Dörtlü +90° +180° +270°
- C5D1D8
Wind Weaver
- D4CCD5
≈ Coverts Wood Pigeon
- D8CCC5
≈ Subpoena
- C9D2C8
≈ Washed Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.48:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.48:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--wind-weaver: #c5d1d8;
--wind-weaver-rgb: 197 209 216;
--wind-weaver-oklch: oklch(0.854 0.016 233.1);
}
.element {
color: var(--wind-weaver);
background-color: hsl(202 20% 81%);
border-color: oklch(0.854 0.016 233.1);
}Tailwind CSS v4
@theme {
--color-wind-weaver: #c5d1d8;
--color-wind-weaver-50: #f1f6f9;
--color-wind-weaver-100: #e3e9ed;
--color-wind-weaver-200: #ced5da;
--color-wind-weaver-300: #b0b9bf;
--color-wind-weaver-400: #95a0a7;
--color-wind-weaver-500: #7c888f;
--color-wind-weaver-600: #697379;
--color-wind-weaver-700: #545c61;
--color-wind-weaver-800: #3d4347;
--color-wind-weaver-900: #2a2f31;
--color-wind-weaver-950: #171b1d;
}SCSS
$wind-weaver: #c5d1d8;
$wind-weaver-rgb: 197, 209, 216;
$wind-weaver-light: mix(#fff, $wind-weaver, 20%);
$wind-weaver-dark: mix(#000, $wind-weaver, 20%);
.element {
color: $wind-weaver;
box-shadow: 0 0 0 2px rgba($wind-weaver, 0.35);
}