最接近的命名颜色 · #09181C
#09181C
最接近的命名颜色: Black Stallion
#09181C（rgb(9 24 28)、hsl(193 51% 7%)、oklch(0.198 0.022 216.9)）最接近命名颜色 Black Stallion。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#09181C
oklch(0.198 0.022 216.9)
颜色转换
- HEX
- #09181c
- RGB
- rgb(9 24 28)
- HSL
- hsl(193 51% 7%)
- HWB
- hwb(193 4% 89%)
- OKLCH
- oklch(0.198 0.022 216.9)
- OKLab
- oklab(0.198 -0.018 -0.013)
- CIE Lab
- lab(7.1 -4.88 -4.88)
- LCH
- lch(7.1 6.9 225)
- CMYK
- cmyk(68% 14% 0% 89%)
浅色调 · 深色调 · 灰色调
浅色调
- 1D2B2F
- 323F43
- 495458
- 606B6D
- 798284
- 92999B
- ACB2B3
- C7CBCC
- E3E5E5
深色调
- 071317
- 050F12
- 030A0D
- 020708
- 010405
- 010202
- 000101
- 000000
- 000000
灰色调
- 142125
- 1F2B2E
- 2A3438
- 353F41
- 41494B
- 4D5455
- 595E60
- 66696A
- 737575
配色和谐
互补色 +180°
- 09181C
Black Stallion
- 1E120E
≈ Bighorn Sheep
类似色 -30° +30°
- 09181C
Black Stallion
- 091917
≈ Black Stallion
- 0D161F
≈ Black Is Back
三角配色 +120° +240°
- 09181C
Black Stallion
- 1C1219
≈ Bats Cloak
- 18160A
≈ Darkness
分裂互补色 +150° +210°
- 09181C
Black Stallion
- 1E1114
≈ Italian Roast
- 1C140B
≈ Soulless
四角配色 +90° +180° +270°
- 09181C
Black Stallion
- 18131D
≈ Back in Black
- 1E120E
≈ Bighorn Sheep
- 13170C
≈ Darkness
对比度与无障碍
Ag
AAA白底
WCAG 18.11:1 · APCA Lc 105
Ag
Fail黑底
WCAG 1.15:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 18.11:1 (AAA) · APCA Lc 105
Contrast pairs
代码片段
CSS
:root {
--black-stallion: #09181c;
--black-stallion-rgb: 9 24 28;
--black-stallion-oklch: oklch(0.198 0.022 216.9);
}
.element {
color: var(--black-stallion);
background-color: hsl(193 51% 7%);
border-color: oklch(0.198 0.022 216.9);
}Tailwind CSS v4
@theme {
--color-black-stallion: #09181c;
--color-black-stallion-50: #eff7f9;
--color-black-stallion-100: #e0eaed;
--color-black-stallion-200: #cad7db;
--color-black-stallion-300: #acbabf;
--color-black-stallion-400: #91a2a7;
--color-black-stallion-500: #768a90;
--color-black-stallion-600: #64757a;
--color-black-stallion-700: #505d61;
--color-black-stallion-800: #3a4447;
--color-black-stallion-900: #282f31;
--color-black-stallion-950: #161c1d;
}SCSS
$black-stallion: #09181c;
$black-stallion-rgb: 9, 24, 28;
$black-stallion-light: mix(#fff, $black-stallion, 20%);
$black-stallion-dark: mix(#000, $black-stallion, 20%);
.element {
color: $black-stallion;
box-shadow: 0 0 0 2px rgba($black-stallion, 0.35);
}