最接近的命名颜色 · #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);
}