أقرب لون مسمّى · #D2C0B2
#D2C0B2
أقرب لون مسمّى: Smoke Dragon
#D2C0B2 (rgb(210 192 178)، hsl(26 26% 76%)، oklch(0.819 0.028 60.3)) أقرب إلى اللون المسمّى Smoke Dragon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D2C0B2
oklch(0.819 0.028 60.3)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6C6BA
- DBCCC1
- DFD3C9
- E4D9D0
- E8DFD8
- EDE5E0
- F1ECE7
- F6F2EF
- FAF9F7
درجات داكنة
- B6A79A
- 9B8E83
- 81766D
- 685F57
- 504943
- 39342F
- 24201D
- 100E0C
- 020201
درجات رمادية
- CAB9AD
- C1B3A8
- B9ACA3
- B0A69E
- A89F99
- A09994
- 98938F
- 908C8A
- 888685
تناسق الألوان
متمم +180°
- D2C0B2
Smoke Dragon
- B4C7D5
≈ Celestyn
متجاور -30° +30°
- D2C0B2
Smoke Dragon
- D5BEB9
≈ Salmon Smoke
- CBC3B0
≈ Still Moment
ثلاثي +120° +240°
- D2C0B2
Smoke Dragon
- B1CAC4
≈ Light Teal
- C6C0D4
≈ Estate Violet
متمم منقسم +150° +210°
- D2C0B2
Smoke Dragon
- B0C9CE
≈ Floating Blue
- BDC3D7
≈ Lavender Escape
رباعي +90° +180° +270°
- D2C0B2
Smoke Dragon
- B8C9BA
≈ Pond’s Edge
- B4C7D5
≈ Celestyn
- CFBECC
≈ Puffball
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.92:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
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);
}