Colore con nome · #C1BECD
Gentleman’s Suit
Gentleman’s Suit è #C1BECD: rgb(193 190 205), hsl(252 13% 77%), oklch(0.809 0.021 295.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gentleman’s Suit color name →
#C1BECD
oklch(0.809 0.021 295.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C7C4D2
- CDCBD7
- D3D1DC
- D9D8E1
- E0DEE6
- E6E5EB
- ECEBF0
- F2F2F5
- F9F8FA
Ombre
- A7A5B2
- 8F8C98
- 77757E
- 5F5E66
- 49484E
- 343338
- 201F23
- 0E0D0F
- 020202
Toni
- BAB8C5
- B4B1BD
- ADABB5
- A6A5AD
- A09EA6
- 99989E
- 939296
- 8D8C8F
- 868687
Armonie di colore
Complementare +180°
- C1BECD
Gentleman’s Suit
- C0C2B3
≈ Light Patina
Analogo -30° +30°
- C1BECD
Gentleman’s Suit
- BAC1CF
≈ Mount Nirvana
- C8BCC8
≈ Stately Frills
Triadico +120° +240°
- C1BECD
Gentleman’s Suit
- CCBDB4
≈ Avorio
- B3C5C0
≈ Blustery Wind
Complementare divisa +150° +210°
- C1BECD
Gentleman’s Suit
- C7C0B1
≈ Malibu Beige
- B8C4B8
≈ Median Green
Tetradico +90° +180° +270°
- C1BECD
Gentleman’s Suit
- CEBCBA
≈ Wafting Grey
- C0C2B3
≈ Light Patina
- B2C5C7
≈ Blue Agave
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.51:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.51:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}