Adlandırılmış renk · #D9DFE3
Chickweed
Chickweed, #D9DFE3: rgb(217 223 227), hsl(204 15% 87%), oklch(0.9 0.009 236.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? → · Chickweed color name →
#D9DFE3
oklch(0.9 0.009 236.6)
Renk dönüşümleri
- HEX
- #d9dfe3
- RGB
- rgb(217 223 227)
- HSL
- hsl(204 15% 87%)
- HWB
- hwb(204 85% 11%)
- OKLCH
- oklch(0.9 0.009 236.6)
- OKLab
- oklab(0.9 -0.005 -0.007)
- CIE Lab
- lab(88.45 -1.54 -2.71)
- LCH
- lch(88.45 3.11 240.4)
- CMYK
- cmyk(4% 2% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DDE2E6
- E1E5E9
- E4E9EB
- E8ECEE
- ECEFF1
- F0F2F4
- F3F5F7
- F7F9F9
- FBFCFC
Koyu tonlar
- BCC2C5
- A1A5A8
- 868A8C
- 6C6F71
- 535657
- 3B3D3F
- 252727
- 111212
- 020203
Gri tonlar
- D0D5D9
- C7CBCE
- BDC2C4
- B4B8BA
- ABAEB0
- A3A5A6
- 9A9B9D
- 919293
- 898989
Renk uyumları
Tamamlayıcı +180°
- D9DFE3
Chickweed
- E3DDD9
≈ Crushed Peony
Analog -30° +30°
- D9DFE3
Chickweed
- D8E0E1
≈ Blue Smoke
- DBDEE4
≈ Irradiant Iris
Üçlü +120° +240°
- D9DFE3
Chickweed
- E3DCDE
≈ Rusty Pebble
- DDDFD9
≈ Angel Touch
Bölünmüş tamamlayıcı +150° +210°
- D9DFE3
Chickweed
- E4DCDB
≈ Chernobog Breath
- E0DED8
≈ Seagull
Dörtlü +90° +180° +270°
- D9DFE3
Chickweed
- E1DCE1
≈ Rusty Pebble
- E3DDD9
≈ Crushed Peony
- DBE0DB
≈ Tinsmith
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.61:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.61:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--chickweed: #d9dfe3;
--chickweed-rgb: 217 223 227;
--chickweed-oklch: oklch(0.9 0.009 236.6);
}
.element {
color: var(--chickweed);
background-color: hsl(204 15% 87%);
border-color: oklch(0.9 0.009 236.6);
}Tailwind CSS v4
@theme {
--color-chickweed: #d9dfe3;
--color-chickweed-50: #f3f5f7;
--color-chickweed-100: #e5e8ea;
--color-chickweed-200: #d1d5d7;
--color-chickweed-300: #b4b8bb;
--color-chickweed-400: #9a9fa3;
--color-chickweed-500: #81878b;
--color-chickweed-600: #6d7276;
--color-chickweed-700: #575b5e;
--color-chickweed-800: #404345;
--color-chickweed-900: #2c2e30;
--color-chickweed-950: #191b1c;
}SCSS
$chickweed: #d9dfe3;
$chickweed-rgb: 217, 223, 227;
$chickweed-light: mix(#fff, $chickweed, 20%);
$chickweed-dark: mix(#000, $chickweed, 20%);
.element {
color: $chickweed;
box-shadow: 0 0 0 2px rgba($chickweed, 0.35);
}