最接近的命名颜色 · #433FA0
#433FA0
最接近的命名颜色: Blueberry
#433FA0（rgb(67 63 160)、hsl(242 43% 44%)、oklch(0.43 0.152 279.7)）最接近命名颜色 Blueberry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#433FA0
oklch(0.43 0.152 279.7)
颜色转换
- HEX
- #433fa0
- RGB
- rgb(67 63 160)
- HSL
- hsl(242 43% 44%)
- HWB
- hwb(242 25% 37%)
- OKLCH
- oklch(0.43 0.152 279.7)
- OKLab
- oklab(0.43 0.026 -0.15)
- CIE Lab
- lab(31.68 24.54 -53.31)
- LCH
- lch(31.68 58.68 294.7)
- CMYK
- cmyk(58% 61% 0% 37%)
浅色调 · 深色调 · 灰色调
浅色调
- 5253AB
- 6366B5
- 7479BF
- 868CC9
- 999ED3
- ACB1DC
- C0C4E5
- D5D8EE
- EAEBF7
深色调
- 39358B
- 2F2C76
- 262361
- 1D1B4E
- 14123B
- 0C0A29
- 050419
- 010109
- 000001
灰色调
- 48479E
- 4D4E9B
- 535699
- 585C96
- 5F6393
- 656990
- 6B6F8C
- 727588
- 797A84
配色和谐
互补色 +180°
- 433FA0
Blueberry
- 5C5000
≈ Scorzonera Brown
类似色 -30° +30°
- 433FA0
Blueberry
- 00528E
≈ Lapis Blue
- 692F8D
≈ True Purple
三角配色 +120° +240°
- 433FA0
Blueberry
- 8A2C00
≈ Red Tone Ink
- 00603C
≈ Spruce
分裂互补色 +150° +210°
- 433FA0
Blueberry
- 704500
≈ Flat Brown
- 3A5B00
≈ Lustrian Undergrowth
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.54:1 · APCA Lc 89
Ag
Fail黑底
WCAG 2.45:1 · APCA Lc 13
最佳文字颜色: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--blueberry: #433fa0;
--blueberry-rgb: 67 63 160;
--blueberry-oklch: oklch(0.43 0.152 279.7);
}
.element {
color: var(--blueberry);
background-color: hsl(242 43% 44%);
border-color: oklch(0.43 0.152 279.7);
}Tailwind CSS v4
@theme {
--color-blueberry: #433fa0;
--color-blueberry-50: #edf1ff;
--color-blueberry-100: #dfe3ff;
--color-blueberry-200: #c9cdff;
--color-blueberry-300: #abadff;
--color-blueberry-400: #8d92f6;
--color-blueberry-500: #7476e8;
--color-blueberry-600: #6364c3;
--color-blueberry-700: #4f509d;
--color-blueberry-800: #373b76;
--color-blueberry-900: #252853;
--color-blueberry-950: #141638;
}SCSS
$blueberry: #433fa0;
$blueberry-rgb: 67, 63, 160;
$blueberry-light: mix(#fff, $blueberry, 20%);
$blueberry-dark: mix(#000, $blueberry, 20%);
.element {
color: $blueberry;
box-shadow: 0 0 0 2px rgba($blueberry, 0.35);
}