Adlandırılmış renk · #D5D1CB
Campfire Smoke
Campfire Smoke, #D5D1CB: rgb(213 209 203), hsl(36 11% 82%), oklch(0.862 0.009 78.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? → · Campfire Smoke color name →
#D5D1CB
oklch(0.862 0.009 78.3)
Renk dönüşümleri
- HEX
- #d5d1cb
- RGB
- rgb(213 209 203)
- HSL
- hsl(36 11% 82%)
- HWB
- hwb(36 80% 16%)
- OKLCH
- oklch(0.862 0.009 78.3)
- OKLab
- oklab(0.862 0.002 0.009)
- CIE Lab
- lab(84.04 0.64 3.5)
- LCH
- lch(84.04 3.55 79.7)
- CMYK
- cmyk(0% 2% 5% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9D6D0
- DDDAD5
- E1DFDA
- E6E3E0
- EAE8E5
- EEECEA
- F2F1EF
- F6F6F4
- FBFAFA
Koyu tonlar
- B9B5B0
- 9E9B96
- 83817D
- 6A6865
- 51504D
- 3A3937
- 242322
- 10100F
- 020202
Gri tonlar
- CCC9C3
- C3C0BC
- BBB8B4
- B2B0AC
- AAA8A5
- A1A09D
- 999896
- 90908E
- 888887
Renk uyumları
Tamamlayıcı +180°
- D5D1CB
Campfire Smoke
- CED2D8
≈ Light Slipper Satin
Analog -30° +30°
- D5D1CB
Campfire Smoke
- D7D0CC
≈ White City
- D2D2CB
≈ Silverpointe
Üçlü +120° +240°
- D5D1CB
Campfire Smoke
- CBD4D4
≈ Lullaby
- D4D0D6
≈ Jam Session
Bölünmüş tamamlayıcı +150° +210°
- D5D1CB
Campfire Smoke
- CCD3D6
≈ Shiny Nickel
- D1D1D8
≈ Light Slipper Satin
Dörtlü +90° +180° +270°
- D5D1CB
Campfire Smoke
- CCD4D0
≈ Pacific Mist
- CED2D8
≈ Light Slipper Satin
- D7CFD3
≈ Ephemeral Fog
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.81:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--campfire-smoke: #d5d1cb;
--campfire-smoke-rgb: 213 209 203;
--campfire-smoke-oklch: oklch(0.862 0.009 78.3);
}
.element {
color: var(--campfire-smoke);
background-color: hsl(36 11% 82%);
border-color: oklch(0.862 0.009 78.3);
}Tailwind CSS v4
@theme {
--color-campfire-smoke: #d5d1cb;
--color-campfire-smoke-50: #f6f5f2;
--color-campfire-smoke-100: #e9e7e4;
--color-campfire-smoke-200: #d6d4d0;
--color-campfire-smoke-300: #bab7b2;
--color-campfire-smoke-400: #a19e98;
--color-campfire-smoke-500: #8a857f;
--color-campfire-smoke-600: #74716c;
--color-campfire-smoke-700: #5d5a56;
--color-campfire-smoke-800: #44423f;
--color-campfire-smoke-900: #2f2d2b;
--color-campfire-smoke-950: #1c1a19;
}SCSS
$campfire-smoke: #d5d1cb;
$campfire-smoke-rgb: 213, 209, 203;
$campfire-smoke-light: mix(#fff, $campfire-smoke, 20%);
$campfire-smoke-dark: mix(#000, $campfire-smoke, 20%);
.element {
color: $campfire-smoke;
box-shadow: 0 0 0 2px rgba($campfire-smoke, 0.35);
}