最接近的命名颜色 · #E3A599
#E3A599
最接近的命名颜色: Pink Palazzo
#E3A599（rgb(227 165 153)、hsl(10 57% 75%)、oklch(0.777 0.076 31.2)）最接近命名颜色 Pink Palazzo。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E3A599
oklch(0.777 0.076 31.2)
颜色转换
- HEX
- #e3a599
- RGB
- rgb(227 165 153)
- HSL
- hsl(10 57% 75%)
- HWB
- hwb(10 60% 11%)
- OKLCH
- oklch(0.777 0.076 31.2)
- OKLab
- oklab(0.777 0.065 0.039)
- CIE Lab
- lab(73.54 22.43 15.77)
- LCH
- lch(73.54 27.42 35.1)
- CMYK
- cmyk(0% 27% 33% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6AEA3
- EAB7AD
- EDC0B7
- F0C9C1
- F3D2CB
- F5DBD5
- F8E4E0
- FAEDEA
- FDF6F5
深色调
- C58F84
- A87970
- 8C655D
- 71514A
- 573D38
- 3F2B27
- 271A17
- 120A08
- 030101
灰色调
- D9A197
- CF9E94
- C59A92
- BB968F
- B1938D
- A78F8A
- 9E8B88
- 948885
- 8A8483
配色和谐
互补色 +180°
- E3A599
Pink Palazzo
- 7AC4D2
≈ Twisted Blue
类似色 -30° +30°
- E3A599
Pink Palazzo
- E0A3B3
≈ Iced Vovo
- DBAC85
≈ Porcini
三角配色 +120° +240°
- E3A599
Pink Palazzo
- 93C59E
≈ Delltone
- A4B4E8
≈ Myrtle Flower
分裂互补色 +150° +210°
- E3A599
Pink Palazzo
- 7EC7B9
≈ Booty Bay
- 8BBDE3
≈ Watery Sea
四角配色 +90° +180° +270°
- E3A599
Pink Palazzo
- AFBF88
≈ Shrubbery
- 7AC4D2
≈ Twisted Blue
- BFACE0
≈ Perfume
对比度与无障碍
Ag
Fail白底
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.10:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--pink-palazzo: #e3a599;
--pink-palazzo-rgb: 227 165 153;
--pink-palazzo-oklch: oklch(0.777 0.076 31.2);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(10 57% 75%);
border-color: oklch(0.777 0.076 31.2);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #e3a599;
--color-pink-palazzo-50: #ffeee7;
--color-pink-palazzo-100: #ffdfd8;
--color-pink-palazzo-200: #f3c9c0;
--color-pink-palazzo-300: #dbaa9f;
--color-pink-palazzo-400: #c78e83;
--color-pink-palazzo-500: #b37367;
--color-pink-palazzo-600: #976257;
--color-pink-palazzo-700: #794e46;
--color-pink-palazzo-800: #5a3833;
--color-pink-palazzo-900: #3f2623;
--color-pink-palazzo-950: #281512;
}SCSS
$pink-palazzo: #e3a599;
$pink-palazzo-rgb: 227, 165, 153;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}