最接近的命名颜色 · #B8998E
#B8998E
最接近的命名颜色: Creamed Caramel
#B8998E（rgb(184 153 142)、hsl(16 23% 64%)、oklch(0.708 0.04 40.5)）最接近命名颜色 Creamed Caramel。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B8998E
oklch(0.708 0.04 40.5)
颜色转换
- HEX
- #b8998e
- RGB
- rgb(184 153 142)
- HSL
- hsl(16 23% 64%)
- HWB
- hwb(16 56% 28%)
- OKLCH
- oklch(0.708 0.04 40.5)
- OKLab
- oklab(0.708 0.031 0.026)
- CIE Lab
- lab(65.86 10.63 10.34)
- LCH
- lch(65.86 14.83 44.2)
- CMYK
- cmyk(0% 17% 23% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- BFA399
- C6ADA4
- CDB7AF
- D4C1BA
- DBCBC5
- E3D5D1
- EAE0DC
- F1EAE8
- F8F4F3
深色调
- A0847B
- 887068
- 715D56
- 5B4A44
- 453834
- 312724
- 1E1715
- 0C0807
- 020101
灰色调
- B2978D
- AD948B
- A7928A
- A28F89
- 9C8D87
- 968A86
- 918884
- 8B8583
- 868381
配色和谐
互补色 +180°
- B8998E
Creamed Caramel
- 86A7B3
≈ Equanimity
类似色 -30° +30°
- B8998E
Creamed Caramel
- B9979B
≈ Magenta Twilight
- B29D86
≈ Weathered Wood
三角配色 +120° +240°
- B8998E
Creamed Caramel
- 8CA998
≈ Peaslake
- 9C9FBA
≈ House of Owen
分裂互补色 +150° +210°
- B8998E
Creamed Caramel
- 84A9A7
≈ Acapulco Aqua
- 8FA3BA
≈ Sell Out
四角配色 +90° +180° +270°
- B8998E
Creamed Caramel
- 98A68C
≈ Frozen Edamame
- 86A7B3
≈ Equanimity
- A99AB4
≈ Purple Springs
对比度与无障碍
Ag
Fail白底
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.98:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--creamed-caramel: #b8998e;
--creamed-caramel-rgb: 184 153 142;
--creamed-caramel-oklch: oklch(0.708 0.04 40.5);
}
.element {
color: var(--creamed-caramel);
background-color: hsl(16 23% 64%);
border-color: oklch(0.708 0.04 40.5);
}Tailwind CSS v4
@theme {
--color-creamed-caramel: #b8998e;
--color-creamed-caramel-50: #fff2ec;
--color-creamed-caramel-100: #f4e4dd;
--color-creamed-caramel-200: #e4cfc7;
--color-creamed-caramel-300: #cab1a7;
--color-creamed-caramel-400: #b4978d;
--color-creamed-caramel-500: #9e7e72;
--color-creamed-caramel-600: #866a61;
--color-creamed-caramel-700: #6b554d;
--color-creamed-caramel-800: #4f3e38;
--color-creamed-caramel-900: #372a26;
--color-creamed-caramel-950: #221815;
}SCSS
$creamed-caramel: #b8998e;
$creamed-caramel-rgb: 184, 153, 142;
$creamed-caramel-light: mix(#fff, $creamed-caramel, 20%);
$creamed-caramel-dark: mix(#000, $creamed-caramel, 20%);
.element {
color: $creamed-caramel;
box-shadow: 0 0 0 2px rgba($creamed-caramel, 0.35);
}