最接近的命名颜色 · #333863
#333863
最接近的命名颜色: Galaxea
#333863（rgb(51 56 99)、hsl(234 32% 29%)、oklch(0.358 0.074 276.9)）最接近命名颜色 Galaxea。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#333863
oklch(0.358 0.074 276.9)
颜色转换
- HEX
- #333863
- RGB
- rgb(51 56 99)
- HSL
- hsl(234 32% 29%)
- HWB
- hwb(234 20% 61%)
- OKLCH
- oklch(0.358 0.074 276.9)
- OKLab
- oklab(0.358 0.009 -0.074)
- CIE Lab
- lab(24.73 7.76 -26.53)
- LCH
- lch(24.73 27.64 286.3)
- CMYK
- cmyk(48% 43% 0% 61%)
浅色调 · 深色调 · 灰色调
浅色调
- 444A72
- 575C81
- 6A6F90
- 7D83A0
- 9296AF
- A7ABBF
- BCBFCF
- D2D4DF
- E8E9EF
深色调
- 2B2F55
- 232747
- 1C1F3A
- 14172E
- 0D0F21
- 070816
- 03040B
- 010103
- 000000
灰色调
- 3A3F66
- 41466A
- 484D6D
- 505570
- 585C73
- 5F6375
- 676A78
- 6F717B
- 78797D
配色和谐
互补色 +180°
- 333863
Galaxea
- 483C00
≈ Xanthophobia
类似色 -30° +30°
- 333863
Galaxea
- 163F61
≈ Poseidon
- 47315B
≈ Scarlet Gum
三角配色 +120° +240°
- 333863
Galaxea
- 5D2D1F
≈ Kōrozen
- 11482C
≈ Alaskan Moss
分裂互补色 +150° +210°
- 333863
Galaxea
- 563406
≈ Eyelash Camel
- 324314
≈ Hinterlands Green
四角配色 +90° +180° +270°
- 333863
Galaxea
- 5C2A36
≈ Dubonnet
- 483C00
≈ Xanthophobia
- 004742
≈ Cyprus
对比度与无障碍
Ag
AAA白底
WCAG 11.13:1 · APCA Lc 96
Ag
Fail黑底
WCAG 1.88:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.13:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--galaxea: #333863;
--galaxea-rgb: 51 56 99;
--galaxea-oklch: oklch(0.358 0.074 276.9);
}
.element {
color: var(--galaxea);
background-color: hsl(234 32% 29%);
border-color: oklch(0.358 0.074 276.9);
}Tailwind CSS v4
@theme {
--color-galaxea: #333863;
--color-galaxea-50: #f0f4ff;
--color-galaxea-100: #e2e6ff;
--color-galaxea-200: #cdd2f4;
--color-galaxea-300: #afb4de;
--color-galaxea-400: #939bcb;
--color-galaxea-500: #7982b7;
--color-galaxea-600: #676e9b;
--color-galaxea-700: #52587c;
--color-galaxea-800: #3b405c;
--color-galaxea-900: #282c41;
--color-galaxea-950: #161929;
}SCSS
$galaxea: #333863;
$galaxea-rgb: 51, 56, 99;
$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);
}