命名颜色 · #CBC4A2
Oyster White
Oyster White 即 #CBC4A2：rgb(203 196 162)、hsl(50 28% 72%)、oklch(0.817 0.047 97.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Oyster White color name →
#CBC4A2
oklch(0.817 0.047 97.7)
颜色转换
- HEX
- #cbc4a2
- RGB
- rgb(203 196 162)
- HSL
- hsl(50 28% 72%)
- HWB
- hwb(50 64% 20%)
- OKLCH
- oklch(0.817 0.047 97.7)
- OKLab
- oklab(0.817 -0.006 0.046)
- CIE Lab
- lab(79.07 -1.58 18.08)
- LCH
- lch(79.07 18.15 95)
- CMYK
- cmyk(0% 3% 20% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D0CAAB
- D5D0B4
- DAD6BE
- DFDBC7
- E5E1D0
- EAE7D9
- EFEDE3
- F4F3EC
- FAF9F6
深色调
- B0AA8C
- 969177
- 7D7863
- 65614F
- 4D4A3C
- 37352A
- 222119
- 0F0E0A
- 020201
灰色调
- C3BD9F
- BBB69B
- B4AF98
- ACA895
- A5A191
- 9D9B8E
- 96948A
- 8E8D87
- 878783
配色和谐
互补色 +180°
- CBC4A2
Oyster White
- BBC1E2
≈ Canterbury Bells
类似色 -30° +30°
- CBC4A2
Oyster White
- D8BEA4
≈ Nut Flavour
- BBC9A9
≈ Pale Leaf
三角配色 +120° +240°
- CBC4A2
Oyster White
- A2CBD7
≈ Regent St Blue
- D8B8CE
≈ Immortal Indigo
分裂互补色 +150° +210°
- CBC4A2
Oyster White
- ACC7E0
≈ Cumulus Cloud
- CBBCDB
≈ Sweet Lucid Dreams
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.75:1 · APCA Lc 32
Ag
AAA黑底
WCAG 11.95:1 · APCA Lc 71
最佳文字颜色: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
代码片段
CSS
:root {
--oyster-white: #cbc4a2;
--oyster-white-rgb: 203 196 162;
--oyster-white-oklch: oklch(0.817 0.047 97.7);
}
.element {
color: var(--oyster-white);
background-color: hsl(50 28% 72%);
border-color: oklch(0.817 0.047 97.7);
}Tailwind CSS v4
@theme {
--color-oyster-white: #cbc4a2;
--color-oyster-white-50: #f8f6e7;
--color-oyster-white-100: #ebe9d7;
--color-oyster-white-200: #d9d5bf;
--color-oyster-white-300: #bdb89d;
--color-oyster-white-400: #a69f80;
--color-oyster-white-500: #8e8763;
--color-oyster-white-600: #787254;
--color-oyster-white-700: #605b43;
--color-oyster-white-800: #474230;
--color-oyster-white-900: #312e21;
--color-oyster-white-950: #1d1b10;
}SCSS
$oyster-white: #cbc4a2;
$oyster-white-rgb: 203, 196, 162;
$oyster-white-light: mix(#fff, $oyster-white, 20%);
$oyster-white-dark: mix(#000, $oyster-white, 20%);
.element {
color: $oyster-white;
box-shadow: 0 0 0 2px rgba($oyster-white, 0.35);
}