最接近的命名颜色 · #B36962
#B36962
最接近的命名颜色: Peach Dunes
#B36962（rgb(179 105 98)、hsl(5 35% 54%)、oklch(0.601 0.096 26.1)）最接近命名颜色 Peach Dunes。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B36962
oklch(0.601 0.096 26.1)
颜色转换
- HEX
- #b36962
- RGB
- rgb(179 105 98)
- HSL
- hsl(5 35% 54%)
- HWB
- hwb(5 38% 30%)
- OKLCH
- oklch(0.601 0.096 26.1)
- OKLab
- oklab(0.601 0.086 0.042)
- CIE Lab
- lab(52.84 29.77 17.38)
- LCH
- lch(52.84 34.48 30.3)
- CMYK
- cmyk(0% 41% 45% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BC7871
- C48680
- CC958F
- D4A49E
- DBB3AE
- E3C2BE
- EAD1CE
- F1E0DE
- F8EFEE
深色调
- 9B5A54
- 844C47
- 6E3E3A
- 58312D
- 432421
- 2F1816
- 1D0C0B
- 0C0403
- 010000
灰色调
- AE6C65
- AA6E68
- A5716B
- A0736E
- 9B7671
- 967874
- 917A77
- 8C7C7A
- 867E7D
配色和谐
互补色 +180°
- B36962
Peach Dunes
- 1E919D
≈ Jaded
类似色 -30° +30°
- B36962
Peach Dunes
- AE6782
≈ Crushed Raspberry
- AC7145
≈ Byzantine Copper
三角配色 +120° +240°
- B36962
Peach Dunes
- 59905D
≈ Hippie Green
- 667FBA
≈ Watertown
分裂互补色 +150° +210°
- B36962
Peach Dunes
- 30937E
≈ Illuminating Emerald
- 4089B2
≈ Tropic
四角配色 +90° +180° +270°
- B36962
Peach Dunes
- 7E8841
≈ Sea Turtle
- 1E919D
≈ Jaded
- 8674B4
≈ Dahlia Purple
对比度与无障碍
Ag
Fail白底
WCAG 4.10:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.11:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--peach-dunes: #b36962;
--peach-dunes-rgb: 179 105 98;
--peach-dunes-oklch: oklch(0.601 0.096 26.1);
}
.element {
color: var(--peach-dunes);
background-color: hsl(5 35% 54%);
border-color: oklch(0.601 0.096 26.1);
}Tailwind CSS v4
@theme {
--color-peach-dunes: #b36962;
--color-peach-dunes-50: #ffebe6;
--color-peach-dunes-100: #ffddd6;
--color-peach-dunes-200: #fbc5be;
--color-peach-dunes-300: #e5a59c;
--color-peach-dunes-400: #d18881;
--color-peach-dunes-500: #be6c64;
--color-peach-dunes-600: #a05b55;
--color-peach-dunes-700: #814944;
--color-peach-dunes-800: #5f3432;
--color-peach-dunes-900: #432422;
--color-peach-dunes-950: #2b1211;
}SCSS
$peach-dunes: #b36962;
$peach-dunes-rgb: 179, 105, 98;
$peach-dunes-light: mix(#fff, $peach-dunes, 20%);
$peach-dunes-dark: mix(#000, $peach-dunes, 20%);
.element {
color: $peach-dunes;
box-shadow: 0 0 0 2px rgba($peach-dunes, 0.35);
}