最接近的命名颜色 · #BE8F8E
#BE8F8E
最接近的命名颜色: Rosy Brown
#BE8F8E（rgb(190 143 142)、hsl(1 27% 65%)、oklch(0.695 0.057 20)）最接近命名颜色 Rosy Brown。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BE8F8E
oklch(0.695 0.057 20)
颜色转换
- HEX
- #be8f8e
- RGB
- rgb(190 143 142)
- HSL
- hsl(1 27% 65%)
- HWB
- hwb(1 56% 25%)
- OKLCH
- oklch(0.695 0.057 20)
- OKLab
- oklab(0.695 0.054 0.02)
- CIE Lab
- lab(63.99 18.23 7.83)
- LCH
- lch(63.99 19.85 23.3)
- CMYK
- cmyk(0% 25% 25% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C59A99
- CBA5A4
- D2B0AF
- D9BBBA
- DFC6C5
- E6D1D0
- ECDDDC
- F2E8E8
- F9F3F3
深色调
- A57C7B
- 8C6968
- 755756
- 5E4544
- 483434
- 332424
- 1F1515
- 0D0707
- 020101
灰色调
- B88E8D
- B28C8B
- AC8B8A
- A58988
- 9F8887
- 998686
- 938584
- 8D8383
- 868281
配色和谐
互补色 +180°
- BE8F8E
Rosy Brown
- 71A8AB
≈ Water Cooler
类似色 -30° +30°
- BE8F8E
Rosy Brown
- B98FA2
≈ Elite Pink
- BB937D
≈ Turkish Bath
三角配色 +120° +240°
- BE8F8E
Rosy Brown
- 8AA684
≈ Mermaid’s Cove
- 889EC1
≈ Lavender Lustre
分裂互补色 +150° +210°
- BE8F8E
Rosy Brown
- 79A997
≈ Acapulco
- 78A4BA
≈ Blue Ridge Mist
四角配色 +90° +180° +270°
- BE8F8E
Rosy Brown
- 9EA077
≈ Pine Trail
- 71A8AB
≈ Water Cooler
- 9C97BF
≈ Majestic Violet
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.50:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--rosy-brown: #be8f8e;
--rosy-brown-rgb: 190 143 142;
--rosy-brown-oklch: oklch(0.695 0.057 20);
}
.element {
color: var(--rosy-brown);
background-color: hsl(1 27% 65%);
border-color: oklch(0.695 0.057 20);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #be8f8e;
--color-rosy-brown-50: #ffefee;
--color-rosy-brown-100: #fbe1df;
--color-rosy-brown-200: #eccbc9;
--color-rosy-brown-300: #d3acaa;
--color-rosy-brown-400: #be9190;
--color-rosy-brown-500: #a97776;
--color-rosy-brown-600: #8f6564;
--color-rosy-brown-700: #735150;
--color-rosy-brown-800: #553a3b;
--color-rosy-brown-900: #3b2828;
--color-rosy-brown-950: #251616;
}SCSS
$rosy-brown: #be8f8e;
$rosy-brown-rgb: 190, 143, 142;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}