命名颜色 · #E3D3BF
Oyster
Oyster 即 #E3D3BF：rgb(227 211 191)、hsl(33 39% 82%)、oklch(0.875 0.032 73.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Oyster color name →
#E3D3BF
oklch(0.875 0.032 73.5)
颜色转换
- HEX
- #e3d3bf
- RGB
- rgb(227 211 191)
- HSL
- hsl(33 39% 82%)
- HWB
- hwb(33 75% 11%)
- OKLCH
- oklch(0.875 0.032 73.5)
- OKLab
- oklab(0.875 0.009 0.031)
- CIE Lab
- lab(85.48 3.32 12.04)
- LCH
- lch(85.48 12.49 74.6)
- CMYK
- cmyk(0% 7% 16% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6D7C5
- E9DCCC
- EBE0D2
- EEE4D8
- F1E9DF
- F4EDE5
- F7F2EC
- F9F6F2
- FCFBF9
深色调
- C5B7A6
- A89C8D
- 8C8275
- 71695E
- 575148
- 3F3A33
- 27241F
- 12100D
- 030202
灰色调
- D9CAB9
- CEC2B2
- C4B9AC
- BAB1A5
- B0A99F
- A6A099
- 9D9893
- 93908C
- 898886
配色和谐
互补色 +180°
- E3D3BF
Oyster
- C7D7EB
≈ Fluid Blue
类似色 -30° +30°
- E3D3BF
Oyster
- E9CFC5
≈ Mosaic Pink
- D9D7BF
≈ White Moss
三角配色 +120° +240°
- E3D3BF
Oyster
- BEDDDC
≈ Mech Suit
- DDD0E5
≈ Shimmering Sky
分裂互补色 +150° +210°
- E3D3BF
Oyster
- C0DBE6
≈ Pacific Breeze
- D2D3EB
≈ Artistic Violet
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.33:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--oyster: #e3d3bf;
--oyster-rgb: 227 211 191;
--oyster-oklch: oklch(0.875 0.032 73.5);
}
.element {
color: var(--oyster);
background-color: hsl(33 39% 82%);
border-color: oklch(0.875 0.032 73.5);
}Tailwind CSS v4
@theme {
--color-oyster: #e3d3bf;
--color-oyster-50: #fbf4eb;
--color-oyster-100: #eee7dc;
--color-oyster-200: #dcd3c5;
--color-oyster-300: #c1b5a6;
--color-oyster-400: #aa9c8a;
--color-oyster-500: #93836f;
--color-oyster-600: #7d6f5e;
--color-oyster-700: #64594b;
--color-oyster-800: #4a4136;
--color-oyster-900: #332d25;
--color-oyster-950: #1f1a14;
}SCSS
$oyster: #e3d3bf;
$oyster-rgb: 227, 211, 191;
$oyster-light: mix(#fff, $oyster, 20%);
$oyster-dark: mix(#000, $oyster, 20%);
.element {
color: $oyster;
box-shadow: 0 0 0 2px rgba($oyster, 0.35);
}