最接近的命名颜色 · #292D50
#292D50
最接近的命名颜色: Deep Sea Base
#292D50（rgb(41 45 80)、hsl(234 32% 24%)、oklch(0.312 0.063 277.2)）最接近命名颜色 Deep Sea Base。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#292D50
oklch(0.312 0.063 277.2)
颜色转换
- HEX
- #292d50
- RGB
- rgb(41 45 80)
- HSL
- hsl(234 32% 24%)
- HWB
- hwb(234 16% 69%)
- OKLCH
- oklch(0.312 0.063 277.2)
- OKLab
- oklab(0.312 0.008 -0.062)
- CIE Lab
- lab(19.48 6.5 -22.38)
- LCH
- lch(19.48 23.3 286.2)
- CMYK
- cmyk(49% 44% 0% 69%)
浅色调 · 深色调 · 灰色调
浅色调
- 3B4060
- 4E5371
- 626682
- 767B93
- 8C90A5
- A2A5B6
- B8BBC8
- CFD1DA
- E7E8EC
深色调
- 222644
- 1C1F39
- 15182E
- 0F1124
- 090B1A
- 050610
- 020207
- 010102
- 000000
灰色调
- 313555
- 393D5A
- 41455F
- 494D64
- 525669
- 5B5E6D
- 646672
- 6D6F77
- 77777B
配色和谐
互补色 +180°
- 292D50
Deep Sea Base
- 3A3002
≈ Hidden Passage
类似色 -30° +30°
- 292D50
Deep Sea Base
- 12334F
≈ Sea of Stars
- 392749
≈ Operetta Mauve
三角配色 +120° +240°
- 292D50
Deep Sea Base
- 4B2419
≈ Tobi Brown
- 0E3A24
≈ Deep Fir
分裂互补色 +150° +210°
- 292D50
Deep Sea Base
- 452A06
≈ Stirland Mud
- 283610
≈ Darkest Forest
四角配色 +90° +180° +270°
- 292D50
Deep Sea Base
- 4B222B
≈ Lees
- 3A3002
≈ Hidden Passage
- 003935
≈ Night Turquoise
对比度与无障碍
Ag
AAA白底
WCAG 13.24:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.58:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--deep-sea-base: #292d50;
--deep-sea-base-rgb: 41 45 80;
--deep-sea-base-oklch: oklch(0.312 0.063 277.2);
}
.element {
color: var(--deep-sea-base);
background-color: hsl(234 32% 24%);
border-color: oklch(0.312 0.063 277.2);
}Tailwind CSS v4
@theme {
--color-deep-sea-base: #292d50;
--color-deep-sea-base-50: #f1f4ff;
--color-deep-sea-base-100: #e3e6fd;
--color-deep-sea-base-200: #ced2ef;
--color-deep-sea-base-300: #b0b5d8;
--color-deep-sea-base-400: #959cc4;
--color-deep-sea-base-500: #7b83b0;
--color-deep-sea-base-600: #696f95;
--color-deep-sea-base-700: #535877;
--color-deep-sea-base-800: #3c4158;
--color-deep-sea-base-900: #292d3e;
--color-deep-sea-base-950: #171a27;
}SCSS
$deep-sea-base: #292d50;
$deep-sea-base-rgb: 41, 45, 80;
$deep-sea-base-light: mix(#fff, $deep-sea-base, 20%);
$deep-sea-base-dark: mix(#000, $deep-sea-base, 20%);
.element {
color: $deep-sea-base;
box-shadow: 0 0 0 2px rgba($deep-sea-base, 0.35);
}