最接近的命名颜色 · #50000C
#50000C
最接近的命名颜色: Cherry Picking
#50000C（rgb(80 0 12)、hsl(351 100% 16%)、oklch(0.272 0.11 21.7)）最接近命名颜色 Cherry Picking。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#50000C
oklch(0.272 0.11 21.7)
颜色转换
- HEX
- #50000c
- RGB
- rgb(80 0 12)
- HSL
- hsl(351 100% 16%)
- HWB
- hwb(351 0% 69%)
- OKLCH
- oklch(0.272 0.11 21.7)
- OKLab
- oklab(0.272 0.102 0.04)
- CIE Lab
- lab(14.44 35.13 17.83)
- LCH
- lch(14.44 39.4 26.9)
- CMYK
- cmyk(0% 100% 85% 69%)
浅色调 · 深色调 · 灰色调
浅色调
- 631E21
- 753737
- 874E4D
- 996664
- AA7E7C
- BB9795
- CCB0AF
- DDCAC9
- EEE4E4
深色调
- 440009
- 390006
- 2E0004
- 240003
- 1A0002
- 100001
- 070000
- 020000
- 000000
灰色调
- 561317
- 5D2122
- 622E2D
- 683A39
- 6D4544
- 715150
- 765D5B
- 796867
- 7D7474
配色和谐
互补色 +180°
- 50000C
Cherry Picking
- 002E31
≈ Roof Tile Green
类似色 -30° +30°
- 50000C
Cherry Picking
- 4B022D
≈ Dark Sanctuary
- 411B00
≈ Bath in Chocolate
三角配色 +120° +240°
- 50000C
Cherry Picking
- 033100
≈ Serpentine Shadow
- 04215B
≈ Downriver
分裂互补色 +150° +210°
- 50000C
Cherry Picking
- 002F24
≈ Dark Jungle
- 002B3D
≈ Murky Depths
四角配色 +90° +180° +270°
- 50000C
Cherry Picking
- 282900
≈ Liquorice Root
- 002E31
≈ Roof Tile Green
- 2A1657
≈ Voldemort
对比度与无障碍
Ag
AAA白底
WCAG 15.59:1 · APCA Lc 101
Ag
Fail黑底
WCAG 1.34:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.59:1 (AAA) · APCA Lc 101
Contrast pairs
代码片段
CSS
:root {
--cherry-picking: #50000c;
--cherry-picking-rgb: 80 0 12;
--cherry-picking-oklch: oklch(0.272 0.11 21.7);
}
.element {
color: var(--cherry-picking);
background-color: hsl(351 100% 16%);
border-color: oklch(0.272 0.11 21.7);
}Tailwind CSS v4
@theme {
--color-cherry-picking: #50000c;
--color-cherry-picking-50: #ffeae6;
--color-cherry-picking-100: #ffdad6;
--color-cherry-picking-200: #ffc3be;
--color-cherry-picking-300: #eaa19c;
--color-cherry-picking-400: #d88481;
--color-cherry-picking-500: #c46665;
--color-cherry-picking-600: #a65756;
--color-cherry-picking-700: #854544;
--color-cherry-picking-800: #633233;
--color-cherry-picking-900: #452222;
--color-cherry-picking-950: #2d1112;
}SCSS
$cherry-picking: #50000c;
$cherry-picking-rgb: 80, 0, 12;
$cherry-picking-light: mix(#fff, $cherry-picking, 20%);
$cherry-picking-dark: mix(#000, $cherry-picking, 20%);
.element {
color: $cherry-picking;
box-shadow: 0 0 0 2px rgba($cherry-picking, 0.35);
}