لون مسمّى · #993322
Chocolate Lust
Chocolate Lust هو #993322: rgb(153 51 34)، hsl(9 64% 37%)، oklch(0.468 0.14 31.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Chocolate Lust color name →
#993322
oklch(0.468 0.14 31.9)
تحويلات الألوان
- HEX
- #993322
- RGB
- rgb(153 51 34)
- HSL
- hsl(9 64% 37%)
- HWB
- hwb(9 13% 40%)
- OKLCH
- oklch(0.468 0.14 31.9)
- OKLab
- oklab(0.468 0.119 0.074)
- CIE Lab
- lab(37.04 42.64 34.47)
- LCH
- lch(37.04 54.83 39)
- CMYK
- cmyk(0% 67% 78% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A54938
- B15D4E
- BC7163
- C78578
- D1998E
- DBADA4
- E5C1BA
- EED6D1
- F7EAE8
درجات داكنة
- 842B1C
- 702316
- 5D1C11
- 4A140B
- 380D07
- 270703
- 170301
- 080100
- 010000
درجات رمادية
- 983D2D
- 974637
- 954E41
- 93564A
- 915E53
- 8E655C
- 8C6C65
- 88736E
- 847977
تناسق الألوان
متمم +180°
- 993322
Chocolate Lust
- 006675
≈ Green Spool
متجاور -30° +30°
- 993322
Chocolate Lust
- 952F54
≈ Figue Pulp
- 844A00
≈ Dried Mustard
ثلاثي +120° +240°
- 993322
Chocolate Lust
- 006D35
≈ Column of Oak Green
- 4051A7
≈ Dazzling Blue
متمم منقسم +150° +210°
- 993322
Chocolate Lust
- 00695E
≈ Evergreen Forest
- 006092
≈ Felix
رباعي +90° +180° +270°
- 993322
Chocolate Lust
- 506300
≈ Serrano Pepper
- 006675
≈ Green Spool
- 6A429A
≈ Sweet Flag
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.36:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.85:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chocolate-lust: #993322;
--chocolate-lust-rgb: 153 51 34;
--chocolate-lust-oklch: oklch(0.468 0.14 31.9);
}
.element {
color: var(--chocolate-lust);
background-color: hsl(9 64% 37%);
border-color: oklch(0.468 0.14 31.9);
}Tailwind CSS v4
@theme {
--color-chocolate-lust: #993322;
--color-chocolate-lust-50: #ffe8db;
--color-chocolate-lust-100: #ffd8ca;
--color-chocolate-lust-200: #ffbfad;
--color-chocolate-lust-300: #f69d88;
--color-chocolate-lust-400: #e57d69;
--color-chocolate-lust-500: #d25c47;
--color-chocolate-lust-600: #b24f3d;
--color-chocolate-lust-700: #8f3f31;
--color-chocolate-lust-800: #6a2c24;
--color-chocolate-lust-900: #4b1e18;
--color-chocolate-lust-950: #310d09;
}SCSS
$chocolate-lust: #993322;
$chocolate-lust-rgb: 153, 51, 34;
$chocolate-lust-light: mix(#fff, $chocolate-lust, 20%);
$chocolate-lust-dark: mix(#000, $chocolate-lust, 20%);
.element {
color: $chocolate-lust;
box-shadow: 0 0 0 2px rgba($chocolate-lust, 0.35);
}