命名颜色 · #EBE0CA
Silicone Seduction
Silicone Seduction 即 #EBE0CA：rgb(235 224 202)、hsl(40 45% 86%)、oklch(0.91 0.032 84.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Silicone Seduction color name →
#EBE0CA
oklch(0.91 0.032 84.6)
颜色转换
- HEX
- #ebe0ca
- RGB
- rgb(235 224 202)
- HSL
- hsl(40 45% 86%)
- HWB
- hwb(40 79% 8%)
- OKLCH
- oklch(0.91 0.032 84.6)
- OKLab
- oklab(0.91 0.003 0.032)
- CIE Lab
- lab(89.63 1.21 12.23)
- LCH
- lch(89.63 12.29 84.4)
- CMYK
- cmyk(0% 5% 14% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDE3CF
- EFE6D5
- F1E9DA
- F3ECDF
- F5EFE4
- F7F3EA
- F9F6EF
- FBF9F4
- FDFCFA
深色调
- CCC3AF
- AEA695
- 918A7C
- 757064
- 5B564D
- 413E37
- 292722
- 13120F
- 030202
灰色调
- E0D6C2
- D5CCBB
- CAC2B3
- BFB8AC
- B4AFA4
- A9A59D
- 9F9C96
- 94928E
- 8A8987
配色和谐
互补色 +180°
- EBE0CA
Silicone Seduction
- D7E1F7
≈ Aquarelle Purple
类似色 -30° +30°
- EBE0CA
Silicone Seduction
- F3DCCE
≈ Peachtree
- E0E4CC
≈ More Melon
三角配色 +120° +240°
- EBE0CA
Silicone Seduction
- CAE8EB
≈ Ethereal Mood
- ECDAED
≈ Elfin Magic
分裂互补色 +150° +210°
- EBE0CA
Silicone Seduction
- CEE5F4
≈ New Heights
- E2DEF5
≈ Lingering Lilac
四角配色 +90° +180° +270°
- EBE0CA
Silicone Seduction
- CDE8E0
≈ Light Short Phase
- D7E1F7
≈ Aquarelle Purple
- F3D9E2
≈ Brittany’s Bow
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.04:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--silicone-seduction: #ebe0ca;
--silicone-seduction-rgb: 235 224 202;
--silicone-seduction-oklch: oklch(0.91 0.032 84.6);
}
.element {
color: var(--silicone-seduction);
background-color: hsl(40 45% 86%);
border-color: oklch(0.91 0.032 84.6);
}Tailwind CSS v4
@theme {
--color-silicone-seduction: #ebe0ca;
--color-silicone-seduction-50: #f9f5eb;
--color-silicone-seduction-100: #ece7dc;
--color-silicone-seduction-200: #dad4c5;
--color-silicone-seduction-300: #beb7a6;
--color-silicone-seduction-400: #a79d8a;
--color-silicone-seduction-500: #90856f;
--color-silicone-seduction-600: #7a705e;
--color-silicone-seduction-700: #615a4b;
--color-silicone-seduction-800: #484236;
--color-silicone-seduction-900: #322d25;
--color-silicone-seduction-950: #1e1a14;
}SCSS
$silicone-seduction: #ebe0ca;
$silicone-seduction-rgb: 235, 224, 202;
$silicone-seduction-light: mix(#fff, $silicone-seduction, 20%);
$silicone-seduction-dark: mix(#000, $silicone-seduction, 20%);
.element {
color: $silicone-seduction;
box-shadow: 0 0 0 2px rgba($silicone-seduction, 0.35);
}