أقرب لون مسمّى · #25150E
#25150E
أقرب لون مسمّى: Italian Roast
#25150E (rgb(37 21 14)، hsl(18 45% 10%)، oklch(0.215 0.03 44.4)) أقرب إلى اللون المسمّى Italian Roast. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#25150E
oklch(0.215 0.03 44.4)
تحويلات الألوان
- HEX
- #25150e
- RGB
- rgb(37 21 14)
- HSL
- hsl(18 45% 10%)
- HWB
- hwb(18 5% 85%)
- OKLCH
- oklch(0.215 0.03 44.4)
- OKLab
- oklab(0.215 0.021 0.021)
- CIE Lab
- lab(8.79 7.67 7.37)
- LCH
- lch(8.79 10.64 43.9)
- CMYK
- cmyk(0% 43% 62% 85%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 382821
- 4B3D36
- 60524C
- 756963
- 8B807B
- A19894
- B8B1AE
- CFCAC8
- E7E4E3
درجات داكنة
- 1F110B
- 190C07
- 130805
- 0D0503
- 080302
- 040201
- 020100
- 000000
- 000000
درجات رمادية
- 2E1E18
- 362822
- 3F322D
- 483D38
- 514743
- 5A524F
- 635D5B
- 6D6967
- 767473
تناسق الألوان
متمم +180°
- 25150E
Italian Roast
- 081C24
≈ Black Stallion
متجاور -30° +30°
- 25150E
Italian Roast
- 261415
≈ Used Oil
- 221709
≈ Noir Mystique
ثلاثي +120° +240°
- 25150E
Italian Roast
- 0B1E16
≈ Black Emerald
- 181827
≈ Sambucus
متمم منقسم +150° +210°
- 25150E
Italian Roast
- 061E1E
≈ Stellar Explorer
- 101A27
≈ Coarse Wool
رباعي +90° +180° +270°
- 25150E
Italian Roast
- 141D0E
≈ Nightmare
- 081C24
≈ Black Stallion
- 1F1523
≈ Inside
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 17.61:1 · APCA Lc 104
Ag
Failعلى الأسود
WCAG 1.19:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 17.61:1 (AAA) · APCA Lc 104
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--italian-roast: #25150e;
--italian-roast-rgb: 37 21 14;
--italian-roast-oklch: oklch(0.215 0.03 44.4);
}
.element {
color: var(--italian-roast);
background-color: hsl(18 45% 10%);
border-color: oklch(0.215 0.03 44.4);
}Tailwind CSS v4
@theme {
--color-italian-roast: #25150e;
--color-italian-roast-50: #fdf3ee;
--color-italian-roast-100: #f1e5e0;
--color-italian-roast-200: #e0d1ca;
--color-italian-roast-300: #c5b3ab;
--color-italian-roast-400: #ae9990;
--color-italian-roast-500: #988076;
--color-italian-roast-600: #806d64;
--color-italian-roast-700: #675750;
--color-italian-roast-800: #4c3f3a;
--color-italian-roast-900: #352c28;
--color-italian-roast-950: #201916;
}SCSS
$italian-roast: #25150e;
$italian-roast-rgb: 37, 21, 14;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}