最接近的命名颜色 · #B37476
#B37476
最接近的命名颜色: Nipple
#B37476(rgb(179 116 118)、hsl(358 29% 58%)、oklch(0.626 0.08 17.5))最接近命名颜色 Nipple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。
#B37476
oklch(0.626 0.08 17.5)
颜色转换
- HEX
- #b37476
- RGB
- rgb(179 116 118)
- HSL
- hsl(358 29% 58%)
- HWB
- hwb(358 45% 30%)
- OKLCH
- oklch(0.626 0.08 17.5)
- OKLab
- oklab(0.626 0.076 0.024)
- CIE Lab
- lab(55.73 25.7 9.73)
- LCH
- lch(55.73 27.48 20.7)
- CMYK
- cmyk(0% 35% 34% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BB8183
- C38F90
- CB9D9D
- D3AAAB
- DBB8B8
- E2C6C6
- EAD4D4
- F1E2E2
- F8F1F1
深色调
- 9B6466
- 845456
- 6E4547
- 583738
- 432929
- 2F1B1C
- 1D0F0F
- 0C0505
- 010101
灰色调
- AE7577
- AA7778
- A57879
- A07A7A
- 9B7B7B
- 967C7C
- 907D7D
- 8B7E7E
- 867F7F
配色和谐
互补色 +180°
- B37476
Nipple
- 449799
≈ Aquatic Green
类似色 -30° +30°
- B37476
Nipple
- AC7491
≈ Cipher
- B0795D
≈ Tobey Rattan
三角配色 +120° +240°
- B37476
Nipple
- 709364
≈ Wakatake Green
- 6989B8
≈ Kimono
分裂互补色 +150° +210°
- B37476
Nipple
- 54977E
≈ Crisp Lettuce
- 4F92AE
≈ Jet Ski
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.69:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.67:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--nipple: #b37476;
--nipple-rgb: 179 116 118;
--nipple-oklch: oklch(0.626 0.08 17.5);
}
.element {
color: var(--nipple);
background-color: hsl(358 29% 58%);
border-color: oklch(0.626 0.08 17.5);
}Tailwind CSS v4
@theme {
--color-nipple: #b37476;
--color-nipple-50: #ffedec;
--color-nipple-100: #ffdedd;
--color-nipple-200: #f5c7c6;
--color-nipple-300: #dea8a7;
--color-nipple-400: #c98b8d;
--color-nipple-500: #b57073;
--color-nipple-600: #995f61;
--color-nipple-700: #7b4c4d;
--color-nipple-800: #5b3739;
--color-nipple-900: #402527;
--color-nipple-950: #281415;
}SCSS
$nipple: #b37476;
$nipple-rgb: 179, 116, 118;
$nipple-light: mix(#fff, $nipple, 20%);
$nipple-dark: mix(#000, $nipple, 20%);
.element {
color: $nipple;
box-shadow: 0 0 0 2px rgba($nipple, 0.35);
}