命名颜色 · #C1BECD
Gentleman’s Suit
Gentleman’s Suit 即 #C1BECD：rgb(193 190 205)、hsl(252 13% 77%)、oklch(0.809 0.021 295.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Gentleman’s Suit color name →
#C1BECD
oklch(0.809 0.021 295.1)
颜色转换
- HEX
- #c1becd
- RGB
- rgb(193 190 205)
- HSL
- hsl(252 13% 77%)
- HWB
- hwb(252 75% 20%)
- OKLCH
- oklch(0.809 0.021 295.1)
- OKLab
- oklab(0.809 0.009 -0.019)
- CIE Lab
- lab(77.57 3.2 -7.17)
- LCH
- lch(77.57 7.85 294.1)
- CMYK
- cmyk(6% 7% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- C7C4D2
- CDCBD7
- D3D1DC
- D9D8E1
- E0DEE6
- E6E5EB
- ECEBF0
- F2F2F5
- F9F8FA
深色调
- A7A5B2
- 8F8C98
- 77757E
- 5F5E66
- 49484E
- 343338
- 201F23
- 0E0D0F
- 020202
灰色调
- BAB8C5
- B4B1BD
- ADABB5
- A6A5AD
- A09EA6
- 99989E
- 939296
- 8D8C8F
- 868687
配色和谐
互补色 +180°
- C1BECD
Gentleman’s Suit
- C0C2B3
≈ Light Patina
类似色 -30° +30°
- C1BECD
Gentleman’s Suit
- BAC1CF
≈ Mount Nirvana
- C8BCC8
≈ Stately Frills
三角配色 +120° +240°
- C1BECD
Gentleman’s Suit
- CCBDB4
≈ Avorio
- B3C5C0
≈ Blustery Wind
分裂互补色 +150° +210°
- C1BECD
Gentleman’s Suit
- C7C0B1
≈ Malibu Beige
- B8C4B8
≈ Median Green
四角配色 +90° +180° +270°
- C1BECD
Gentleman’s Suit
- CEBCBA
≈ Wafting Grey
- C0C2B3
≈ Light Patina
- B2C5C7
≈ Blue Agave
对比度与无障碍
Ag
Fail白底
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.51:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.51:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--gentleman-s-suit: #c1becd;
--gentleman-s-suit-rgb: 193 190 205;
--gentleman-s-suit-oklch: oklch(0.809 0.021 295.1);
}
.element {
color: var(--gentleman-s-suit);
background-color: hsl(252 13% 77%);
border-color: oklch(0.809 0.021 295.1);
}Tailwind CSS v4
@theme {
--color-gentleman-s-suit: #c1becd;
--color-gentleman-s-suit-50: #f5f4fb;
--color-gentleman-s-suit-100: #e8e6ee;
--color-gentleman-s-suit-200: #d5d2dc;
--color-gentleman-s-suit-300: #b8b5c1;
--color-gentleman-s-suit-400: #9f9caa;
--color-gentleman-s-suit-500: #878493;
--color-gentleman-s-suit-600: #726f7c;
--color-gentleman-s-suit-700: #5b5964;
--color-gentleman-s-suit-800: #424149;
--color-gentleman-s-suit-900: #2e2d33;
--color-gentleman-s-suit-950: #1b1a1e;
}SCSS
$gentleman-s-suit: #c1becd;
$gentleman-s-suit-rgb: 193, 190, 205;
$gentleman-s-suit-light: mix(#fff, $gentleman-s-suit, 20%);
$gentleman-s-suit-dark: mix(#000, $gentleman-s-suit, 20%);
.element {
color: $gentleman-s-suit;
box-shadow: 0 0 0 2px rgba($gentleman-s-suit, 0.35);
}