أقرب لون مسمّى · #D96800
#D96800
أقرب لون مسمّى: Cinnamon
#D96800 (rgb(217 104 0)، hsl(29 100% 43%)، oklch(0.642 0.167 51.1)) أقرب إلى اللون المسمّى Cinnamon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D96800
oklch(0.642 0.167 51.1)
تحويلات الألوان
- HEX
- #d96800
- RGB
- rgb(217 104 0)
- HSL
- hsl(29 100% 43%)
- HWB
- hwb(29 0% 15%)
- OKLCH
- oklch(0.642 0.167 51.1)
- OKLab
- oklab(0.642 0.105 0.13)
- CIE Lab
- lab(57.43 42.16 65.87)
- LCH
- lch(57.43 78.2 57.4)
- CMYK
- cmyk(0% 52% 100% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DF7833
- E4884F
- E99767
- EDA67D
- F1B593
- F5C4A9
- F8D3BE
- FBE2D4
- FDF0E9
درجات داكنة
- BC5900
- A14B00
- 863E00
- 6C3000
- 532400
- 3B1800
- 250C00
- 110400
- 020000
درجات رمادية
- D16C24
- C96F35
- C07242
- B8754D
- AF7857
- A67A60
- 9D7C69
- 947D71
- 8A7F79
تناسق الألوان
متمم +180°
- D96800
Cinnamon
- 0099CD
≈ Tomb Blue
متجاور -30° +30°
- D96800
Cinnamon
- E05A5F
≈ Aphrodisiac
- B58300
≈ Letter Jacket
ثلاثي +120° +240°
- D96800
Cinnamon
- 00A583
≈ Congo Green
- 8F76E9
≈ Matt Purple
متمم منقسم +150° +210°
- D96800
Cinnamon
- 00A0A8
≈ Ducati
- 4F89F1
≈ Blue Elemental
رباعي +90° +180° +270°
- D96800
Cinnamon
- 49A43B
≈ Oregano Green
- 0099CD
≈ Tomb Blue
- B966C9
≈ Rich Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.54:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 5.93:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cinnamon: #d96800;
--cinnamon-rgb: 217 104 0;
--cinnamon-oklch: oklch(0.642 0.167 51.1);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 43%);
border-color: oklch(0.642 0.167 51.1);
}Tailwind CSS v4
@theme {
--color-cinnamon: #d96800;
--color-cinnamon-50: #ffe9c9;
--color-cinnamon-100: #ffd9b4;
--color-cinnamon-200: #ffc190;
--color-cinnamon-300: #fa9e61;
--color-cinnamon-400: #ea7d32;
--color-cinnamon-500: #d85b00;
--color-cinnamon-600: #b64e00;
--color-cinnamon-700: #933e00;
--color-cinnamon-800: #6e2c00;
--color-cinnamon-900: #4d1e00;
--color-cinnamon-950: #330d00;
}SCSS
$cinnamon: #d96800;
$cinnamon-rgb: 217, 104, 0;
$cinnamon-light: mix(#fff, $cinnamon, 20%);
$cinnamon-dark: mix(#000, $cinnamon, 20%);
.element {
color: $cinnamon;
box-shadow: 0 0 0 2px rgba($cinnamon, 0.35);
}