最接近的命名颜色 · #303767
#303767
最接近的命名颜色: Galaxea
#303767（rgb(48 55 103)、hsl(232 36% 30%)、oklch(0.356 0.083 275.1)）最接近命名颜色 Galaxea。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#303767
oklch(0.356 0.083 275.1)
颜色转换
- HEX
- #303767
- RGB
- rgb(48 55 103)
- HSL
- hsl(232 36% 30%)
- HWB
- hwb(232 19% 60%)
- OKLCH
- oklch(0.356 0.083 275.1)
- OKLab
- oklab(0.356 0.007 -0.083)
- CIE Lab
- lab(24.38 8.6 -29.67)
- LCH
- lch(24.38 30.89 286.2)
- CMYK
- cmyk(53% 47% 0% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 414976
- 545C85
- 676F94
- 7B82A3
- 9096B2
- A5AAC1
- BBBFD0
- D1D4E0
- E8E9EF
深色调
- 282E59
- 21264B
- 1A1E3D
- 131630
- 0C0F23
- 060817
- 03030C
- 010104
- 000000
灰色调
- 373E6A
- 3F466D
- 464D70
- 4E5472
- 565B75
- 5E6377
- 666A7A
- 6F717C
- 77797E
配色和谐
互补色 +180°
- 303767
Galaxea
- 483B00
≈ Xanthophobia
类似色 -30° +30°
- 303767
Galaxea
- 093F64
≈ Blue Opal
- 462F5F
≈ Scarlet Gum
三角配色 +120° +240°
- 303767
Galaxea
- 60291C
≈ Chestnut Leather
- 074828
≈ Alaskan Moss
分裂互补色 +150° +210°
- 303767
Galaxea
- 583200
≈ Eyelash Camel
- 324308
≈ Garden Shadow
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 11.24:1 · APCA Lc 96
Ag
Fail黑底
WCAG 1.86:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--galaxea: #303767;
--galaxea-rgb: 48 55 103;
--galaxea-oklch: oklch(0.356 0.083 275.1);
}
.element {
color: var(--galaxea);
background-color: hsl(232 36% 30%);
border-color: oklch(0.356 0.083 275.1);
}Tailwind CSS v4
@theme {
--color-galaxea: #303767;
--color-galaxea-50: #eff4ff;
--color-galaxea-100: #e0e6ff;
--color-galaxea-200: #cbd2f8;
--color-galaxea-300: #acb4e2;
--color-galaxea-400: #909bd0;
--color-galaxea-500: #7682bd;
--color-galaxea-600: #646ea0;
--color-galaxea-700: #505880;
--color-galaxea-800: #39405f;
--color-galaxea-900: #272c43;
--color-galaxea-950: #15192b;
}SCSS
$galaxea: #303767;
$galaxea-rgb: 48, 55, 103;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}