最接近的命名颜色 · #5B3335
#5B3335
最接近的命名颜色: Rampant Rhubarb
#5B3335（rgb(91 51 53)、hsl(357 28% 28%)、oklch(0.372 0.058 17)）最接近命名颜色 Rampant Rhubarb。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5B3335
oklch(0.372 0.058 17)
颜色转换
- HEX
- #5b3335
- RGB
- rgb(91 51 53)
- HSL
- hsl(357 28% 28%)
- HWB
- hwb(357 20% 64%)
- OKLCH
- oklch(0.372 0.058 17)
- OKLab
- oklab(0.372 0.055 0.017)
- CIE Lab
- lab(26.5 18.7 6.94)
- LCH
- lch(26.5 19.95 20.4)
- CMYK
- cmyk(0% 44% 42% 64%)
浅色调 · 深色调 · 灰色调
浅色调
- 6B4547
- 7B5859
- 8B6B6C
- 9B7F7F
- AB9394
- BCA8A8
- CCBDBD
- DDD3D3
- EEE9E9
深色调
- 4E2B2D
- 412325
- 351C1D
- 291415
- 1E0D0E
- 130708
- 090303
- 030101
- 000000
灰色调
- 5F3B3C
- 634243
- 674A4A
- 6B5152
- 6F5959
- 726161
- 766868
- 797070
- 7D7878
配色和谐
互补色 +180°
- 5B3335
Rampant Rhubarb
- 0D494B
≈ Incubi Darkness
类似色 -30° +30°
- 5B3335
Rampant Rhubarb
- 573346
≈ Blackberry Tart
- 593625
≈ Kuro Brown
三角配色 +120° +240°
- 5B3335
Rampant Rhubarb
- 314728
≈ Palm Leaf
- 2C415F
≈ Black Turmeric
分裂互补色 +150° +210°
- 5B3335
Rampant Rhubarb
- 1C4A3A
≈ County Green
- 184658
≈ Blue Syzygy
四角配色 +90° +180° +270°
- 5B3335
Rampant Rhubarb
- 44421B
≈ Alligator Gladiator
- 0D494B
≈ Incubi Darkness
- 3E3B5D
≈ Patriot Blue
对比度与无障碍
Ag
AAA白底
WCAG 10.66:1 · APCA Lc 95
Ag
Fail黑底
WCAG 1.96:1 · APCA Lc 8
最佳文字颜色: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--rampant-rhubarb: #5b3335;
--rampant-rhubarb-rgb: 91 51 53;
--rampant-rhubarb-oklch: oklch(0.372 0.058 17);
}
.element {
color: var(--rampant-rhubarb);
background-color: hsl(357 28% 28%);
border-color: oklch(0.372 0.058 17);
}Tailwind CSS v4
@theme {
--color-rampant-rhubarb: #5b3335;
--color-rampant-rhubarb-50: #ffefef;
--color-rampant-rhubarb-100: #fbe1e0;
--color-rampant-rhubarb-200: #eccbca;
--color-rampant-rhubarb-300: #d4acac;
--color-rampant-rhubarb-400: #be9192;
--color-rampant-rhubarb-500: #a97778;
--color-rampant-rhubarb-600: #8f6566;
--color-rampant-rhubarb-700: #735051;
--color-rampant-rhubarb-800: #553a3c;
--color-rampant-rhubarb-900: #3b2829;
--color-rampant-rhubarb-950: #251617;
}SCSS
$rampant-rhubarb: #5b3335;
$rampant-rhubarb-rgb: 91, 51, 53;
$rampant-rhubarb-light: mix(#fff, $rampant-rhubarb, 20%);
$rampant-rhubarb-dark: mix(#000, $rampant-rhubarb, 20%);
.element {
color: $rampant-rhubarb;
box-shadow: 0 0 0 2px rgba($rampant-rhubarb, 0.35);
}