命名颜色 · #DEA392
Shy Champagne Blush
Shy Champagne Blush 即 #DEA392：rgb(222 163 146)、hsl(13 54% 72%)、oklch(0.767 0.075 36.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Shy Champagne Blush color name →
#DEA392
oklch(0.767 0.075 36.7)
颜色转换
- HEX
- #dea392
- RGB
- rgb(222 163 146)
- HSL
- hsl(13 54% 72%)
- HWB
- hwb(13 57% 13%)
- OKLCH
- oklch(0.767 0.075 36.7)
- OKLab
- oklab(0.767 0.06 0.045)
- CIE Lab
- lab(72.4 20.86 17.9)
- LCH
- lch(72.4 27.49 40.6)
- CMYK
- cmyk(0% 27% 34% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E2AC9D
- E5B5A7
- E9BEB2
- EDC8BD
- F0D1C8
- F3DAD3
- F6E3DE
- F9ECE9
- FCF6F4
深色调
- C18D7E
- A5786B
- 896358
- 6F4F46
- 553C35
- 3D2A25
- 261916
- 120A08
- 020101
灰色调
- D5A090
- CB9C8F
- C2998D
- B8958B
- AF9289
- A68E88
- 9C8B86
- 938784
- 898482
配色和谐
互补色 +180°
- DEA392
Shy Champagne Blush
- 7ABFD2
≈ Cologne
类似色 -30° +30°
- DEA392
Shy Champagne Blush
- DDA0AB
≈ Nana’s Rose
- D4AA80
≈ Band-Aid
三角配色 +120° +240°
- DEA392
Shy Champagne Blush
- 8CC2A0
≈ Lark Green
- A6B0E3
≈ Maximum Blue Purple
分裂互补色 +150° +210°
- DEA392
Shy Champagne Blush
- 7AC3BB
≈ Gentle Wave
- 8DB8E1
≈ Goluboy Blue
四角配色 +90° +180° +270°
- DEA392
Shy Champagne Blush
- A7BC89
≈ Gaia Stone
- 7ABFD2
≈ Cologne
- BFA7D9
≈ Perfume
对比度与无障碍
Ag
Fail白底
WCAG 2.15:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.75:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--shy-champagne-blush: #dea392;
--shy-champagne-blush-rgb: 222 163 146;
--shy-champagne-blush-oklch: oklch(0.767 0.075 36.7);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(13 54% 72%);
border-color: oklch(0.767 0.075 36.7);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #dea392;
--color-shy-champagne-blush-50: #ffefe6;
--color-shy-champagne-blush-100: #ffe0d6;
--color-shy-champagne-blush-200: #f2cabd;
--color-shy-champagne-blush-300: #daab9c;
--color-shy-champagne-blush-400: #c68f80;
--color-shy-champagne-blush-500: #b27463;
--color-shy-champagne-blush-600: #966354;
--color-shy-champagne-blush-700: #784f43;
--color-shy-champagne-blush-800: #593931;
--color-shy-champagne-blush-900: #3e2721;
--color-shy-champagne-blush-950: #271510;
}SCSS
$shy-champagne-blush: #dea392;
$shy-champagne-blush-rgb: 222, 163, 146;
$shy-champagne-blush-light: mix(#fff, $shy-champagne-blush, 20%);
$shy-champagne-blush-dark: mix(#000, $shy-champagne-blush, 20%);
.element {
color: $shy-champagne-blush;
box-shadow: 0 0 0 2px rgba($shy-champagne-blush, 0.35);
}