Benannte Farbe · #C1BECD
Gentleman’s Suit
Gentleman’s Suit ist #C1BECD: rgb(193 190 205), hsl(252 13% 77%), oklch(0.809 0.021 295.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gentleman’s Suit color name →
#C1BECD
oklch(0.809 0.021 295.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C7C4D2
- CDCBD7
- D3D1DC
- D9D8E1
- E0DEE6
- E6E5EB
- ECEBF0
- F2F2F5
- F9F8FA
Shades
- A7A5B2
- 8F8C98
- 77757E
- 5F5E66
- 49484E
- 343338
- 201F23
- 0E0D0F
- 020202
Tones
- BAB8C5
- B4B1BD
- ADABB5
- A6A5AD
- A09EA6
- 99989E
- 939296
- 8D8C8F
- 868687
Farbharmonien
Komplementär +180°
- C1BECD
Gentleman’s Suit
- C0C2B3
≈ Light Patina
Analog -30° +30°
- C1BECD
Gentleman’s Suit
- BAC1CF
≈ Mount Nirvana
- C8BCC8
≈ Stately Frills
Triadisch +120° +240°
- C1BECD
Gentleman’s Suit
- CCBDB4
≈ Avorio
- B3C5C0
≈ Blustery Wind
Geteilt komplementär +150° +210°
- C1BECD
Gentleman’s Suit
- C7C0B1
≈ Malibu Beige
- B8C4B8
≈ Median Green
Tetradisch +90° +180° +270°
- C1BECD
Gentleman’s Suit
- CEBCBA
≈ Wafting Grey
- C0C2B3
≈ Light Patina
- B2C5C7
≈ Blue Agave
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.82:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.51:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.51:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
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);
}