命名颜色 · #ECBFA8
Veronese Peach
Veronese Peach 即 #ECBFA8：rgb(236 191 168)、hsl(20 64% 79%)、oklch(0.838 0.061 48.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Veronese Peach color name →
#ECBFA8
oklch(0.838 0.061 48.5)
颜色转换
- HEX
- #ecbfa8
- RGB
- rgb(236 191 168)
- HSL
- hsl(20 64% 79%)
- HWB
- hwb(20 66% 7%)
- OKLCH
- oklch(0.838 0.061 48.5)
- OKLab
- oklab(0.838 0.04 0.045)
- CIE Lab
- lab(80.95 14.22 18.06)
- LCH
- lch(80.95 22.98 51.8)
- CMYK
- cmyk(0% 19% 29% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- EEC5B1
- F0CCB9
- F2D2C2
- F4D9CA
- F6DFD3
- F8E5DC
- FAECE5
- FCF2ED
- FDF9F6
深色调
- CDA692
- AF8D7C
- 927567
- 765E52
- 5B483F
- 42332C
- 291F1A
- 130D0A
- 030201
灰色调
- E1B9A4
- D6B2A0
- CBAC9C
- C0A598
- B59F94
- AA9990
- A0938C
- 958C88
- 8A8684
配色和谐
互补色 +180°
- ECBFA8
Veronese Peach
- A1D2EA
≈ Chefchaouen Blue
类似色 -30° +30°
- ECBFA8
Veronese Peach
- EFBBBB
≈ Angry Ghost
- E0C69E
≈ Riviera Sand
三角配色 +120° +240°
- ECBFA8
Veronese Peach
- A4D7C3
≈ Southern Belle
- C8C4F0
≈ Violet Gems
分裂互补色 +150° +210°
- ECBFA8
Veronese Peach
- 9BD7D9
≈ Lake Reflection
- B2CCF2
≈ Alphabet Blue
四角配色 +90° +180° +270°
- ECBFA8
Veronese Peach
- B7D4AE
≈ Flower Stem
- A1D2EA
≈ Chefchaouen Blue
- DBBEE4
≈ Sky Blue Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.58:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--veronese-peach: #ecbfa8;
--veronese-peach-rgb: 236 191 168;
--veronese-peach-oklch: oklch(0.838 0.061 48.5);
}
.element {
color: var(--veronese-peach);
background-color: hsl(20 64% 79%);
border-color: oklch(0.838 0.061 48.5);
}Tailwind CSS v4
@theme {
--color-veronese-peach: #ecbfa8;
--color-veronese-peach-50: #fff1e6;
--color-veronese-peach-100: #fae3d6;
--color-veronese-peach-200: #ebcdbe;
--color-veronese-peach-300: #d2af9c;
--color-veronese-peach-400: #bd947f;
--color-veronese-peach-500: #a87a63;
--color-veronese-peach-600: #8e6854;
--color-veronese-peach-700: #725343;
--color-veronese-peach-800: #543c30;
--color-veronese-peach-900: #3b2921;
--color-veronese-peach-950: #251710;
}SCSS
$veronese-peach: #ecbfa8;
$veronese-peach-rgb: 236, 191, 168;
$veronese-peach-light: mix(#fff, $veronese-peach, 20%);
$veronese-peach-dark: mix(#000, $veronese-peach, 20%);
.element {
color: $veronese-peach;
box-shadow: 0 0 0 2px rgba($veronese-peach, 0.35);
}