最接近的命名颜色 · #EBBCB2
#EBBCB2
最接近的命名颜色: Rosewood Dreams
#EBBCB2（rgb(235 188 178)、hsl(11 59% 81%)、oklch(0.834 0.056 32.1)）最接近命名颜色 Rosewood Dreams。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EBBCB2
oklch(0.834 0.056 32.1)
颜色转换
- HEX
- #ebbcb2
- RGB
- rgb(235 188 178)
- HSL
- hsl(11 59% 81%)
- HWB
- hwb(11 70% 8%)
- OKLCH
- oklch(0.834 0.056 32.1)
- OKLab
- oklab(0.834 0.048 0.03)
- CIE Lab
- lab(80.31 16.34 11.83)
- LCH
- lch(80.31 20.17 35.9)
- CMYK
- cmyk(0% 20% 24% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDC3BA
- F0C9C1
- F2D0C9
- F4D7D0
- F6DDD8
- F8E4E0
- FAEBE8
- FCF1EF
- FDF8F7
深色调
- CCA39A
- AE8B83
- 91736D
- 755D57
- 5B4743
- 41322F
- 291F1D
- 130D0C
- 030201
灰色调
- E0B6AD
- D5B0A8
- CAAAA3
- BFA49E
- B59E99
- AA9894
- 9F928F
- 958C8A
- 8A8685
配色和谐
互补色 +180°
- EBBCB2
Rosewood Dreams
- 9FD3DE
≈ Ocean Cruise
类似色 -30° +30°
- EBBCB2
Rosewood Dreams
- E9BAC6
≈ Chantilly
- E4C1A4
≈ Fabulous Fawn
三角配色 +120° +240°
- EBBCB2
Rosewood Dreams
- AED4B7
≈ Enchanted Meadow
- BCC7EE
≈ Pale Wisteria
分裂互补色 +150° +210°
- EBBCB2
Rosewood Dreams
- A0D5CB
≈ Refresh
- A9CEEB
≈ Sail
四角配色 +90° +180° +270°
- EBBCB2
Rosewood Dreams
- C2CFA7
≈ Landscape
- 9FD3DE
≈ Ocean Cruise
- CFC1E8
≈ York Plum
对比度与无障碍
Ag
Fail白底
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.36:1 · APCA Lc 73
最佳文字颜色: #000000
WCAG 12.36:1 (AAA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--rosewood-dreams: #ebbcb2;
--rosewood-dreams-rgb: 235 188 178;
--rosewood-dreams-oklch: oklch(0.834 0.056 32.1);
}
.element {
color: var(--rosewood-dreams);
background-color: hsl(11 59% 81%);
border-color: oklch(0.834 0.056 32.1);
}Tailwind CSS v4
@theme {
--color-rosewood-dreams: #ebbcb2;
--color-rosewood-dreams-50: #fff0eb;
--color-rosewood-dreams-100: #fae2dc;
--color-rosewood-dreams-200: #ebccc5;
--color-rosewood-dreams-300: #d2aea5;
--color-rosewood-dreams-400: #bd938a;
--color-rosewood-dreams-500: #a8796f;
--color-rosewood-dreams-600: #8e665e;
--color-rosewood-dreams-700: #72524b;
--color-rosewood-dreams-800: #543b37;
--color-rosewood-dreams-900: #3b2925;
--color-rosewood-dreams-950: #251614;
}SCSS
$rosewood-dreams: #ebbcb2;
$rosewood-dreams-rgb: 235, 188, 178;
$rosewood-dreams-light: mix(#fff, $rosewood-dreams, 20%);
$rosewood-dreams-dark: mix(#000, $rosewood-dreams, 20%);
.element {
color: $rosewood-dreams;
box-shadow: 0 0 0 2px rgba($rosewood-dreams, 0.35);
}