命名颜色 · #C3BDAB
White Primer
White Primer 即 #C3BDAB：rgb(195 189 171)、hsl(45 17% 72%)、oklch(0.798 0.026 91.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · White Primer color name →
#C3BDAB
oklch(0.798 0.026 91.7)
颜色转换
- HEX
- #c3bdab
- RGB
- rgb(195 189 171)
- HSL
- hsl(45 17% 72%)
- HWB
- hwb(45 67% 24%)
- OKLCH
- oklch(0.798 0.026 91.7)
- OKLab
- oklab(0.798 -0.001 0.026)
- CIE Lab
- lab(76.73 -0.12 9.93)
- LCH
- lch(76.73 9.93 90.7)
- CMYK
- cmyk(0% 3% 12% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C9C3B3
- CFCABB
- D5D0C4
- DBD7CC
- E1DED4
- E7E4DD
- EDEBE5
- F3F2EE
- F9F8F6
深色调
- A9A494
- 908C7E
- 787468
- 605D54
- 4A4740
- 34332D
- 201F1B
- 0E0D0B
- 020201
灰色调
- BCB7A7
- B5B0A2
- AEAA9E
- A8A49A
- A19E95
- 9A9891
- 94928D
- 8D8C88
- 868684
配色和谐
互补色 +180°
- C3BDAB
White Primer
- B7BDCE
≈ Arctic Ice
类似色 -30° +30°
- C3BDAB
White Primer
- CABAAD
≈ Bona Fide Beige
- BAC0AE
≈ Kimberley Tree
三角配色 +120° +240°
- C3BDAB
White Primer
- ABC2C7
≈ Feathery Blue
- C8B7C5
≈ Ballad
分裂互补色 +150° +210°
- C3BDAB
White Primer
- AFC0CD
≈ Cerulean Tint
- C0BACB
≈ Silverberry
四角配色 +90° +180° +270°
- C3BDAB
White Primer
- ACC3BE
≈ Misty Dreams
- B7BDCE
≈ Arctic Ice
- CCB7BC
≈ Mauve Finery
对比度与无障碍
Ag
Fail白底
WCAG 1.87:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.18:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--white-primer: #c3bdab;
--white-primer-rgb: 195 189 171;
--white-primer-oklch: oklch(0.798 0.026 91.7);
}
.element {
color: var(--white-primer);
background-color: hsl(45 17% 72%);
border-color: oklch(0.798 0.026 91.7);
}Tailwind CSS v4
@theme {
--color-white-primer: #c3bdab;
--color-white-primer-50: #f7f5ed;
--color-white-primer-100: #ebe8de;
--color-white-primer-200: #d8d4c8;
--color-white-primer-300: #bcb7a9;
--color-white-primer-400: #a49e8e;
--color-white-primer-500: #8c8673;
--color-white-primer-600: #777162;
--color-white-primer-700: #5f5b4e;
--color-white-primer-800: #464238;
--color-white-primer-900: #302e27;
--color-white-primer-950: #1d1a15;
}SCSS
$white-primer: #c3bdab;
$white-primer-rgb: 195, 189, 171;
$white-primer-light: mix(#fff, $white-primer, 20%);
$white-primer-dark: mix(#000, $white-primer, 20%);
.element {
color: $white-primer;
box-shadow: 0 0 0 2px rgba($white-primer, 0.35);
}