最接近的命名颜色 · #B05C55
#B05C55
最接近的命名颜色: Dried Tomatoes
#B05C55（rgb(176 92 85)、hsl(5 37% 51%)、oklch(0.573 0.111 26)）最接近命名颜色 Dried Tomatoes。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B05C55
oklch(0.573 0.111 26)
颜色转换
- HEX
- #b05c55
- RGB
- rgb(176 92 85)
- HSL
- hsl(5 37% 51%)
- HWB
- hwb(5 33% 31%)
- OKLCH
- oklch(0.573 0.111 26)
- OKLab
- oklab(0.573 0.099 0.049)
- CIE Lab
- lab(49.35 34.35 20.3)
- LCH
- lch(49.35 39.9 30.6)
- CMYK
- cmyk(0% 48% 52% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- B96C65
- C27C75
- CB8C85
- D39C96
- DBACA7
- E3BDB8
- EACDC9
- F1DEDB
- F8EEED
深色调
- 994F49
- 82423D
- 6C3631
- 562A26
- 421F1C
- 2E1411
- 1C0A08
- 0B0302
- 010000
灰色调
- AC605A
- A8645E
- A46862
- 9F6C67
- 9B706B
- 96736F
- 917773
- 8B7A78
- 867D7C
配色和谐
互补色 +180°
- B05C55
Dried Tomatoes
- 008894
≈ Curaçao Blue
类似色 -30° +30°
- B05C55
Dried Tomatoes
- AA5A7A
≈ Indian Pink
- A96530
≈ Autumn Surprise
三角配色 +120° +240°
- B05C55
Dried Tomatoes
- 49894F
≈ Beanpole
- 5975B9
≈ Diva Violet
分裂互补色 +150° +210°
- B05C55
Dried Tomatoes
- 008C76
≈ Emerald Enchantment
- 2381B0
≈ Blue Bird Day
四角配色 +90° +180° +270°
- B05C55
Dried Tomatoes
- 758029
≈ Pacifika
- 008894
≈ Curaçao Blue
- 7E69B2
≈ Clear Mauve
对比度与无障碍
Ag
AA白底
WCAG 4.65:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.50:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--dried-tomatoes: #b05c55;
--dried-tomatoes-rgb: 176 92 85;
--dried-tomatoes-oklch: oklch(0.573 0.111 26);
}
.element {
color: var(--dried-tomatoes);
background-color: hsl(5 37% 51%);
border-color: oklch(0.573 0.111 26);
}Tailwind CSS v4
@theme {
--color-dried-tomatoes: #b05c55;
--color-dried-tomatoes-50: #ffeae4;
--color-dried-tomatoes-100: #ffdbd4;
--color-dried-tomatoes-200: #ffc3ba;
--color-dried-tomatoes-300: #eba298;
--color-dried-tomatoes-400: #d8847c;
--color-dried-tomatoes-500: #c5665f;
--color-dried-tomatoes-600: #a65751;
--color-dried-tomatoes-700: #854640;
--color-dried-tomatoes-800: #63322f;
--color-dried-tomatoes-900: #462220;
--color-dried-tomatoes-950: #2d1110;
}SCSS
$dried-tomatoes: #b05c55;
$dried-tomatoes-rgb: 176, 92, 85;
$dried-tomatoes-light: mix(#fff, $dried-tomatoes, 20%);
$dried-tomatoes-dark: mix(#000, $dried-tomatoes, 20%);
.element {
color: $dried-tomatoes;
box-shadow: 0 0 0 2px rgba($dried-tomatoes, 0.35);
}