En yakın adlandırılmış renk · #D2C0B2
#D2C0B2
En yakın adlandırılmış renk: Smoke Dragon
#D2C0B2 (rgb(210 192 178), hsl(26 26% 76%), oklch(0.819 0.028 60.3)) en çok Smoke Dragon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D2C0B2
oklch(0.819 0.028 60.3)
Renk dönüşümleri
- HEX
- #d2c0b2
- RGB
- rgb(210 192 178)
- HSL
- hsl(26 26% 76%)
- HWB
- hwb(26 70% 18%)
- OKLCH
- oklch(0.819 0.028 60.3)
- OKLab
- oklab(0.819 0.014 0.024)
- CIE Lab
- lab(78.94 4.86 9.5)
- LCH
- lch(78.94 10.68 62.9)
- CMYK
- cmyk(0% 9% 15% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6C6BA
- DBCCC1
- DFD3C9
- E4D9D0
- E8DFD8
- EDE5E0
- F1ECE7
- F6F2EF
- FAF9F7
Koyu tonlar
- B6A79A
- 9B8E83
- 81766D
- 685F57
- 504943
- 39342F
- 24201D
- 100E0C
- 020201
Gri tonlar
- CAB9AD
- C1B3A8
- B9ACA3
- B0A69E
- A89F99
- A09994
- 98938F
- 908C8A
- 888685
Renk uyumları
Tamamlayıcı +180°
- D2C0B2
Smoke Dragon
- B4C7D5
≈ Celestyn
Analog -30° +30°
- D2C0B2
Smoke Dragon
- D5BEB9
≈ Salmon Smoke
- CBC3B0
≈ Still Moment
Üçlü +120° +240°
- D2C0B2
Smoke Dragon
- B1CAC4
≈ Light Teal
- C6C0D4
≈ Estate Violet
Bölünmüş tamamlayıcı +150° +210°
- D2C0B2
Smoke Dragon
- B0C9CE
≈ Floating Blue
- BDC3D7
≈ Lavender Escape
Dörtlü +90° +180° +270°
- D2C0B2
Smoke Dragon
- B8C9BA
≈ Pond’s Edge
- B4C7D5
≈ Celestyn
- CFBECC
≈ Puffball
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.92:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--smoke-dragon: #d2c0b2;
--smoke-dragon-rgb: 210 192 178;
--smoke-dragon-oklch: oklch(0.819 0.028 60.3);
}
.element {
color: var(--smoke-dragon);
background-color: hsl(26 26% 76%);
border-color: oklch(0.819 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-smoke-dragon: #d2c0b2;
--color-smoke-dragon-50: #fbf4ed;
--color-smoke-dragon-100: #efe6df;
--color-smoke-dragon-200: #ddd2c8;
--color-smoke-dragon-300: #c2b5a9;
--color-smoke-dragon-400: #ab9b8e;
--color-smoke-dragon-500: #958274;
--color-smoke-dragon-600: #7e6e62;
--color-smoke-dragon-700: #65584e;
--color-smoke-dragon-800: #4a4039;
--color-smoke-dragon-900: #332c27;
--color-smoke-dragon-950: #1f1915;
}SCSS
$smoke-dragon: #d2c0b2;
$smoke-dragon-rgb: 210, 192, 178;
$smoke-dragon-light: mix(#fff, $smoke-dragon, 20%);
$smoke-dragon-dark: mix(#000, $smoke-dragon, 20%);
.element {
color: $smoke-dragon;
box-shadow: 0 0 0 2px rgba($smoke-dragon, 0.35);
}