最接近的命名颜色 · #26216B
#26216B
最接近的命名颜色: Intergalactic Cowboy
#26216B（rgb(38 33 107)、hsl(244 53% 27%)、oklch(0.306 0.124 279.2)）最接近命名颜色 Intergalactic Cowboy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#26216B
oklch(0.306 0.124 279.2)
颜色转换
- HEX
- #26216b
- RGB
- rgb(38 33 107)
- HSL
- hsl(244 53% 27%)
- HWB
- hwb(244 13% 58%)
- OKLCH
- oklch(0.306 0.124 279.2)
- OKLab
- oklab(0.306 0.02 -0.122)
- CIE Lab
- lab(17.52 21.61 -43.36)
- LCH
- lch(17.52 48.45 296.5)
- CMYK
- cmyk(64% 69% 0% 58%)
浅色调 · 深色调 · 灰色调
浅色调
- 36377A
- 494C89
- 5D6198
- 7277A7
- 888DB6
- 9EA3C5
- B5B9D3
- CDD0E2
- E6E7F0
深色调
- 201B5C
- 19164E
- 13103F
- 0D0B32
- 080625
- 040318
- 02010D
- 010004
- 000000
灰色调
- 2D2C6E
- 353671
- 3D4074
- 464976
- 4F5278
- 585C7A
- 62657C
- 6C6E7E
- 76777F
配色和谐
互补色 +180°
- 26216B
Intergalactic Cowboy
- 372F00
≈ Swamp of Sorrows
类似色 -30° +30°
- 26216B
Intergalactic Cowboy
- 003158
≈ Effervescent Blue
- 41145D
≈ Obsidian Shell
三角配色 +120° +240°
- 26216B
Intergalactic Cowboy
- 561700
≈ Baragon Brown
- 003A22
≈ Off-Road Green
分裂互补色 +150° +210°
- 26216B
Intergalactic Cowboy
- 442800
≈ Ibex Brown
- 223700
≈ Blind Forest
四角配色 +90° +180° +270°
- 26216B
Intergalactic Cowboy
- 5D0022
≈ Baal Red Wash
- 372F00
≈ Swamp of Sorrows
- 003835
≈ Night Turquoise
对比度与无障碍
Ag
AAA白底
WCAG 13.88:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.51:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.88:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--intergalactic-cowboy: #26216b;
--intergalactic-cowboy-rgb: 38 33 107;
--intergalactic-cowboy-oklch: oklch(0.306 0.124 279.2);
}
.element {
color: var(--intergalactic-cowboy);
background-color: hsl(244 53% 27%);
border-color: oklch(0.306 0.124 279.2);
}Tailwind CSS v4
@theme {
--color-intergalactic-cowboy: #26216b;
--color-intergalactic-cowboy-50: #eef2ff;
--color-intergalactic-cowboy-100: #e0e4ff;
--color-intergalactic-cowboy-200: #cacfff;
--color-intergalactic-cowboy-300: #acb0f6;
--color-intergalactic-cowboy-400: #8f96e6;
--color-intergalactic-cowboy-500: #767bd6;
--color-intergalactic-cowboy-600: #6468b5;
--color-intergalactic-cowboy-700: #505391;
--color-intergalactic-cowboy-800: #383d6d;
--color-intergalactic-cowboy-900: #262a4c;
--color-intergalactic-cowboy-950: #151733;
}SCSS
$intergalactic-cowboy: #26216b;
$intergalactic-cowboy-rgb: 38, 33, 107;
$intergalactic-cowboy-light: mix(#fff, $intergalactic-cowboy, 20%);
$intergalactic-cowboy-dark: mix(#000, $intergalactic-cowboy, 20%);
.element {
color: $intergalactic-cowboy;
box-shadow: 0 0 0 2px rgba($intergalactic-cowboy, 0.35);
}