أقرب لون مسمّى · #19373D
#19373D
أقرب لون مسمّى: Royal Neptune
#19373D (rgb(25 55 61)، hsl(190 42% 17%)، oklch(0.316 0.037 212.2)) أقرب إلى اللون المسمّى Royal Neptune. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#19373D
oklch(0.316 0.037 212.2)
تحويلات الألوان
- HEX
- #19373d
- RGB
- rgb(25 55 61)
- HSL
- hsl(190 42% 17%)
- HWB
- hwb(190 10% 76%)
- OKLCH
- oklch(0.316 0.037 212.2)
- OKLab
- oklab(0.316 -0.032 -0.02)
- CIE Lab
- lab(20.97 -10.15 -7.42)
- LCH
- lch(20.97 12.57 216.2)
- CMYK
- cmyk(59% 10% 0% 76%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2E494E
- 435B60
- 596E72
- 6F8185
- 859598
- 9DA9AC
- B4BEC0
- CDD3D5
- E6E9EA
درجات داكنة
- 142E34
- 10262B
- 0B1E22
- 07161A
- 040F12
- 02080A
- 010304
- 000101
- 000000
درجات رمادية
- 243E43
- 2E454A
- 384C50
- 425357
- 4C5A5E
- 566264
- 61696B
- 6B7172
- 757879
تناسق الألوان
متمم +180°
- 19373D
Royal Neptune
- 432B26
≈ English Walnut
متجاور -30° +30°
- 19373D
Royal Neptune
- 1A3833
≈ Fait Accompli
- 213443
≈ Blue Whale
ثلاثي +120° +240°
- 19373D
Royal Neptune
- 3D2B3A
≈ Valentino Nero
- 39311B
≈ Pullman Green
متمم منقسم +150° +210°
- 19373D
Royal Neptune
- 422A30
≈ Wenge Black
- 402E1E
≈ Cola
رباعي +90° +180° +270°
- 19373D
Royal Neptune
- 352D42
≈ Obsidian Lava Black
- 432B26
≈ English Walnut
- 2F351F
≈ Fuchsia Berries
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.68:1 · APCA Lc 99
Ag
Failعلى الأسود
WCAG 1.65:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.68:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--royal-neptune: #19373d;
--royal-neptune-rgb: 25 55 61;
--royal-neptune-oklch: oklch(0.316 0.037 212.2);
}
.element {
color: var(--royal-neptune);
background-color: hsl(190 42% 17%);
border-color: oklch(0.316 0.037 212.2);
}Tailwind CSS v4
@theme {
--color-royal-neptune: #19373d;
--color-royal-neptune-50: #eaf8fc;
--color-royal-neptune-100: #dbebf0;
--color-royal-neptune-200: #c3d9de;
--color-royal-neptune-300: #a3bdc3;
--color-royal-neptune-400: #86a5ab;
--color-royal-neptune-500: #6a8d95;
--color-royal-neptune-600: #5a777e;
--color-royal-neptune-700: #486065;
--color-royal-neptune-800: #33464a;
--color-royal-neptune-900: #233033;
--color-royal-neptune-950: #121d1f;
}SCSS
$royal-neptune: #19373d;
$royal-neptune-rgb: 25, 55, 61;
$royal-neptune-light: mix(#fff, $royal-neptune, 20%);
$royal-neptune-dark: mix(#000, $royal-neptune, 20%);
.element {
color: $royal-neptune;
box-shadow: 0 0 0 2px rgba($royal-neptune, 0.35);
}