命名颜色 · #FAD6A5
Prosecco
Prosecco 即 #FAD6A5：rgb(250 214 165)、hsl(35 89% 81%)、oklch(0.895 0.075 75.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Prosecco color name →
#FAD6A5
oklch(0.895 0.075 75.1)
颜色转换
- HEX
- #fad6a5
- RGB
- rgb(250 214 165)
- HSL
- hsl(35 89% 81%)
- HWB
- hwb(35 65% 2%)
- OKLCH
- oklch(0.895 0.075 75.1)
- OKLab
- oklab(0.895 0.019 0.073)
- CIE Lab
- lab(87.85 8 29.17)
- LCH
- lch(87.85 30.25 74.7)
- CMYK
- cmyk(0% 14% 34% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBDAAE
- FBDEB7
- FCE2C1
- FCE7CA
- FDEBD3
- FDEFDB
- FEF3E4
- FEF7ED
- FFFBF6
深色调
- D9BA8F
- BA9E79
- 9B8465
- 7D6A51
- 61523D
- 463B2B
- 2D251A
- 15100A
- 030201
灰色调
- EDCDA2
- E1C49E
- D4BC9B
- C8B397
- BBAA93
- AFA290
- A3998C
- 979188
- 8C8884
配色和谐
互补色 +180°
- FAD6A5
Prosecco
- C6DFFF
≈ Arc Light
类似色 -30° +30°
- FAD6A5
Prosecco
- FFD1BD
≈ Vienna Sausage
- E3E0A6
≈ Breath of Spring
三角配色 +120° +240°
- FAD6A5
Prosecco
- A0ECEC
≈ Freezy Breezy
- F0CEFF
≈ Rose Dragée
分裂互补色 +150° +210°
- FAD6A5
Prosecco
- ABE7FF
≈ Fresh Air
- D8D8FF
≈ Icy Plains
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.22:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--prosecco: #fad6a5;
--prosecco-rgb: 250 214 165;
--prosecco-oklch: oklch(0.895 0.075 75.1);
}
.element {
color: var(--prosecco);
background-color: hsl(35 89% 81%);
border-color: oklch(0.895 0.075 75.1);
}Tailwind CSS v4
@theme {
--color-prosecco: #fad6a5;
--color-prosecco-50: #fff3de;
--color-prosecco-100: #f6e5cd;
--color-prosecco-200: #e7d1b1;
--color-prosecco-300: #cdb38d;
--color-prosecco-400: #b9986c;
--color-prosecco-500: #a37f4b;
--color-prosecco-600: #8a6c40;
--color-prosecco-700: #6f5633;
--color-prosecco-800: #523e24;
--color-prosecco-900: #392b18;
--color-prosecco-950: #241809;
}SCSS
$prosecco: #fad6a5;
$prosecco-rgb: 250, 214, 165;
$prosecco-light: mix(#fff, $prosecco, 20%);
$prosecco-dark: mix(#000, $prosecco, 20%);
.element {
color: $prosecco;
box-shadow: 0 0 0 2px rgba($prosecco, 0.35);
}