最接近的命名颜色 · #560013
#560013
最接近的命名颜色: Cherry Picking
#560013（rgb(86 0 19)、hsl(347 100% 17%)、oklch(0.287 0.115 18.2)）最接近命名颜色 Cherry Picking。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#560013
oklch(0.287 0.115 18.2)
颜色转换
- HEX
- #560013
- RGB
- rgb(86 0 19)
- HSL
- hsl(347 100% 17%)
- HWB
- hwb(347 0% 66%)
- OKLCH
- oklch(0.287 0.115 18.2)
- OKLab
- oklab(0.287 0.109 0.036)
- CIE Lab
- lab(16.05 37.07 16.46)
- LCH
- lch(16.05 40.56 23.9)
- CMYK
- cmyk(0% 100% 78% 66%)
浅色调 · 深色调 · 灰色调
浅色调
- 682027
- 7A383C
- 8C5052
- 9D6768
- AE7F80
- BE9898
- CFB1B1
- DFCBCA
- EFE5E4
深色调
- 4A000F
- 3E000B
- 320007
- 270005
- 1C0003
- 120001
- 080001
- 020000
- 000000
灰色调
- 5C141D
- 622228
- 672F32
- 6C3B3C
- 704647
- 745252
- 785D5D
- 7B6969
- 7E7474
配色和谐
互补色 +180°
- 560013
Cherry Picking
- 003233
≈ Nora’s Forest
类似色 -30° +30°
- 560013
Cherry Picking
- 4F0434
≈ Pion Purple
- 481C00
≈ Chocolate Castle
三角配色 +120° +240°
- 560013
Cherry Picking
- 0F3400
≈ Witch Wart
- 00275E
≈ Black Sea Night
分裂互补色 +150° +210°
- 560013
Cherry Picking
- 003425
≈ Coach Green
- 003040
≈ Nordic Noir
四角配色 +90° +180° +270°
- 560013
Cherry Picking
- 2E2D00
≈ Secret Passage
- 003233
≈ Nora’s Forest
- 2B1A5F
≈ Night Fog
对比度与无障碍
Ag
AAA白底
WCAG 14.94:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.40:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 14.94:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--cherry-picking: #560013;
--cherry-picking-rgb: 86 0 19;
--cherry-picking-oklch: oklch(0.287 0.115 18.2);
}
.element {
color: var(--cherry-picking);
background-color: hsl(347 100% 17%);
border-color: oklch(0.287 0.115 18.2);
}Tailwind CSS v4
@theme {
--color-cherry-picking: #560013;
--color-cherry-picking-50: #ffe9e7;
--color-cherry-picking-100: #ffd9d8;
--color-cherry-picking-200: #ffc1c0;
--color-cherry-picking-300: #eda09f;
--color-cherry-picking-400: #da8284;
--color-cherry-picking-500: #c76369;
--color-cherry-picking-600: #a85559;
--color-cherry-picking-700: #874347;
--color-cherry-picking-800: #643034;
--color-cherry-picking-900: #462124;
--color-cherry-picking-950: #2d1013;
}SCSS
$cherry-picking: #560013;
$cherry-picking-rgb: 86, 0, 19;
$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);
}