لون مسمّى · #21211D
Petroleum
Petroleum هو #21211D: rgb(33 33 29)، hsl(60 6% 12%)، oklch(0.246 0.007 106.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Petroleum color name →
#21211D
oklch(0.246 0.007 106.9)
تحويلات الألوان
- HEX
- #21211d
- RGB
- rgb(33 33 29)
- HSL
- hsl(60 6% 12%)
- HWB
- hwb(60 11% 87%)
- OKLCH
- oklch(0.246 0.007 106.9)
- OKLab
- oklab(0.246 -0.002 0.007)
- CIE Lab
- lab(12.63 -0.71 2.72)
- LCH
- lch(12.63 2.81 104.5)
- CMYK
- cmyk(0% 0% 12% 87%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 333330
- 474744
- 5C5C58
- 71716E
- 878785
- 9E9E9C
- B5B5B4
- CDCDCC
- E6E6E5
درجات داكنة
- 1B1B18
- 161613
- 10100E
- 0B0B09
- 060605
- 030303
- 010101
- 000000
- 000000
درجات رمادية
- 292A26
- 32322F
- 3B3B38
- 454542
- 4E4E4C
- 585856
- 616160
- 6B6B6B
- 767675
تناسق الألوان
متمم +180°
- 21211D
Petroleum
- 202024
≈ Noble Black
متجاور -30° +30°
- 21211D
Petroleum
- 23201D
≈ Petroleum
- 1F221E
≈ Petroleum
ثلاثي +120° +240°
- 21211D
Petroleum
- 1D2223
≈ Noble Black
- 241F21
≈ Velvet Black
متمم منقسم +150° +210°
- 21211D
Petroleum
- 1E2124
≈ Noble Black
- 222023
≈ Wet Charcoal
رباعي +90° +180° +270°
- 21211D
Petroleum
- 1D2222
≈ Lead
- 202024
≈ Noble Black
- 241F1F
≈ Velvet Black
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 16.15:1 · APCA Lc 103
Ag
Failعلى الأسود
WCAG 1.29:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 16.15:1 (AAA) · APCA Lc 103
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--petroleum: #21211d;
--petroleum-rgb: 33 33 29;
--petroleum-oklch: oklch(0.246 0.007 106.9);
}
.element {
color: var(--petroleum);
background-color: hsl(60 6% 12%);
border-color: oklch(0.246 0.007 106.9);
}Tailwind CSS v4
@theme {
--color-petroleum: #21211d;
--color-petroleum-50: #f5f5f3;
--color-petroleum-100: #e8e8e5;
--color-petroleum-200: #d4d4d1;
--color-petroleum-300: #b7b8b3;
--color-petroleum-400: #9f9f9a;
--color-petroleum-500: #868681;
--color-petroleum-600: #72726d;
--color-petroleum-700: #5b5b57;
--color-petroleum-800: #434240;
--color-petroleum-900: #2e2e2c;
--color-petroleum-950: #1b1b19;
}SCSS
$petroleum: #21211d;
$petroleum-rgb: 33, 33, 29;
$petroleum-light: mix(#fff, $petroleum, 20%);
$petroleum-dark: mix(#000, $petroleum, 20%);
.element {
color: $petroleum;
box-shadow: 0 0 0 2px rgba($petroleum, 0.35);
}