أقرب لون مسمّى · #512100
#512100
أقرب لون مسمّى: Evil Cigar
#512100 (rgb(81 33 0)، hsl(24 100% 16%)، oklch(0.313 0.083 49.4)) أقرب إلى اللون المسمّى Evil Cigar. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#512100
oklch(0.313 0.083 49.4)
تحويلات الألوان
- HEX
- #512100
- RGB
- rgb(81 33 0)
- HSL
- hsl(24 100% 16%)
- HWB
- hwb(24 0% 68%)
- OKLCH
- oklch(0.313 0.083 49.4)
- OKLab
- oklab(0.313 0.054 0.063)
- CIE Lab
- lab(19.72 21.57 29.06)
- LCH
- lch(19.72 36.19 53.4)
- CMYK
- cmyk(0% 59% 100% 68%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 62351B
- 734A33
- 845F4A
- 967462
- A78A7B
- B8A194
- CAB7AE
- DBCFC8
- EDE7E3
درجات داكنة
- 451B00
- 3A1600
- 2F1000
- 240B00
- 1A0600
- 100300
- 070100
- 020000
- 000000
درجات رمادية
- 562B10
- 5C341E
- 613E2A
- 664736
- 6B5042
- 6F5A4E
- 74635B
- 786D67
- 7C7673
تناسق الألوان
متمم +180°
- 512100
Evil Cigar
- 00364A
≈ Crowberry Blue
متجاور -30° +30°
- 512100
Evil Cigar
- 531C1F
≈ Spinel Red
- 422C00
≈ Stirland Mud
ثلاثي +120° +240°
- 512100
Evil Cigar
- 003B2C
≈ Deep Fir
- 312858
≈ Purple Noir
متمم منقسم +150° +210°
- 512100
Evil Cigar
- 00393B
≈ Customs Green
- 15305A
≈ Ambassador Blue
رباعي +90° +180° +270°
- 512100
Evil Cigar
- 173B0D
≈ Melancholia
- 00364A
≈ Crowberry Blue
- 43214B
≈ Purple Void
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.39:1 · APCA Lc 99
Ag
Failعلى الأسود
WCAG 1.56:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.39:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--evil-cigar: #512100;
--evil-cigar-rgb: 81 33 0;
--evil-cigar-oklch: oklch(0.313 0.083 49.4);
}
.element {
color: var(--evil-cigar);
background-color: hsl(24 100% 16%);
border-color: oklch(0.313 0.083 49.4);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #512100;
--color-evil-cigar-50: #ffefe0;
--color-evil-cigar-100: #ffe1cf;
--color-evil-cigar-200: #f2cbb4;
--color-evil-cigar-300: #dbac91;
--color-evil-cigar-400: #c79072;
--color-evil-cigar-500: #b37553;
--color-evil-cigar-600: #976347;
--color-evil-cigar-700: #794f38;
--color-evil-cigar-800: #5a3929;
--color-evil-cigar-900: #3f271b;
--color-evil-cigar-950: #28150c;
}SCSS
$evil-cigar: #512100;
$evil-cigar-rgb: 81, 33, 0;
$evil-cigar-light: mix(#fff, $evil-cigar, 20%);
$evil-cigar-dark: mix(#000, $evil-cigar, 20%);
.element {
color: $evil-cigar;
box-shadow: 0 0 0 2px rgba($evil-cigar, 0.35);
}