最接近的命名颜色 · #35846B
#35846B
最接近的命名颜色: Elf
#35846B（rgb(53 132 107)、hsl(161 43% 36%)、oklch(0.557 0.087 169.3)）最接近命名颜色 Elf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#35846B
oklch(0.557 0.087 169.3)
颜色转换
- HEX
- #35846b
- RGB
- rgb(53 132 107)
- HSL
- hsl(161 43% 36%)
- HWB
- hwb(161 21% 48%)
- OKLCH
- oklch(0.557 0.087 169.3)
- OKLab
- oklab(0.557 -0.086 0.016)
- CIE Lab
- lab(49.77 -30.14 5.96)
- LCH
- lch(49.77 30.73 168.8)
- CMYK
- cmyk(60% 0% 19% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 4C9079
- 619C87
- 75A895
- 89B4A3
- 9CC0B2
- B0CDC1
- C3D9D0
- D7E6E0
- EBF2EF
深色调
- 2D725C
- 25604E
- 1D4F3F
- 153F32
- 0E2F25
- 082018
- 03120D
- 010604
- 000100
灰色调
- 40846D
- 49846F
- 518371
- 598373
- 608375
- 678278
- 6E827A
- 74817C
- 7A817E
配色和谐
互补色 +180°
- 35846B
Elf
- 9A5E7B
≈ Rose Wine
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
- 35846B
Elf
- 8A6394
≈ Mirabella
- A05E5F
≈ Pizza Pie
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--elf: #35846b;
--elf-rgb: 53 132 107;
--elf-oklch: oklch(0.557 0.087 169.3);
}
.element {
color: var(--elf);
background-color: hsl(161 43% 36%);
border-color: oklch(0.557 0.087 169.3);
}Tailwind CSS v4
@theme {
--color-elf: #35846b;
--color-elf-50: #ddfef2;
--color-elf-100: #ccf2e4;
--color-elf-200: #afe1cf;
--color-elf-300: #89c6b2;
--color-elf-400: #67af96;
--color-elf-500: #40997c;
--color-elf-600: #388169;
--color-elf-700: #2c6754;
--color-elf-800: #204c3c;
--color-elf-900: #153529;
--color-elf-950: #062017;
}SCSS
$elf: #35846b;
$elf-rgb: 53, 132, 107;
$elf-light: mix(#fff, $elf, 20%);
$elf-dark: mix(#000, $elf, 20%);
.element {
color: $elf;
box-shadow: 0 0 0 2px rgba($elf, 0.35);
}