最接近的命名颜色 · #BEAA8F
#BEAA8F
最接近的命名颜色: Coffee Diva
#BEAA8F（rgb(190 170 143)、hsl(34 27% 65%)、oklch(0.748 0.044 75.3)）最接近命名颜色 Coffee Diva。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BEAA8F
oklch(0.748 0.044 75.3)
颜色转换
- HEX
- #beaa8f
- RGB
- rgb(190 170 143)
- HSL
- hsl(34 27% 65%)
- HWB
- hwb(34 56% 25%)
- OKLCH
- oklch(0.748 0.044 75.3)
- OKLab
- oklab(0.748 0.011 0.042)
- CIE Lab
- lab(70.83 4.34 16.76)
- LCH
- lch(70.83 17.31 75.5)
- CMYK
- cmyk(0% 11% 25% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C4B29A
- CBBBA5
- D1C3B0
- D8CBBB
- DED4C6
- E5DCD1
- EBE5DD
- F2EEE8
- F8F6F3
深色调
- A5937C
- 8C7D69
- 756857
- 5E5345
- 483F34
- 332D24
- 1F1B15
- 0D0B07
- 020101
灰色调
- B8A68E
- B1A28C
- AB9D8B
- A59989
- 9F9588
- 989186
- 928C85
- 8C8883
- 868482
配色和谐
互补色 +180°
- BEAA8F
Coffee Diva
- 9BAFC9
≈ Satin Soft Blue
类似色 -30° +30°
- BEAA8F
Coffee Diva
- C6A597
≈ Howdy Partner
- B1AF90
≈ That’s Atomic
三角配色 +120° +240°
- BEAA8F
Coffee Diva
- 8DB7B6
≈ Eyefull
- B8A5C1
≈ Viola Sororia
分裂互补色 +150° +210°
- BEAA8F
Coffee Diva
- 90B4C3
≈ Bright Bluebonnet
- AAAAC9
≈ Cosmic Sky
四角配色 +90° +180° +270°
- BEAA8F
Coffee Diva
- 94B7A7
≈ Nile River
- 9BAFC9
≈ Satin Soft Blue
- C3A3B4
≈ Hollyhock Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.24:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.33:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--coffee-diva: #beaa8f;
--coffee-diva-rgb: 190 170 143;
--coffee-diva-oklch: oklch(0.748 0.044 75.3);
}
.element {
color: var(--coffee-diva);
background-color: hsl(34 27% 65%);
border-color: oklch(0.748 0.044 75.3);
}Tailwind CSS v4
@theme {
--color-coffee-diva: #beaa8f;
--color-coffee-diva-50: #fcf4e8;
--color-coffee-diva-100: #f0e6d8;
--color-coffee-diva-200: #dfd2c0;
--color-coffee-diva-300: #c4b59f;
--color-coffee-diva-400: #ae9b82;
--color-coffee-diva-500: #988266;
--color-coffee-diva-600: #806e56;
--color-coffee-diva-700: #675845;
--color-coffee-diva-800: #4c4032;
--color-coffee-diva-900: #352c22;
--color-coffee-diva-950: #201911;
}SCSS
$coffee-diva: #beaa8f;
$coffee-diva-rgb: 190, 170, 143;
$coffee-diva-light: mix(#fff, $coffee-diva, 20%);
$coffee-diva-dark: mix(#000, $coffee-diva, 20%);
.element {
color: $coffee-diva;
box-shadow: 0 0 0 2px rgba($coffee-diva, 0.35);
}