Colore con nome · #BABAB5
Silver Bonnet
Silver Bonnet è #BABAB5: rgb(186 186 181), hsl(60 3% 72%), oklch(0.787 0.007 106.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silver Bonnet color name →
#BABAB5
oklch(0.787 0.007 106.6)
Conversioni di colore
- HEX
- #babab5
- RGB
- rgb(186 186 181)
- HSL
- hsl(60 3% 72%)
- HWB
- hwb(60 71% 27%)
- OKLCH
- oklch(0.787 0.007 106.6)
- OKLab
- oklab(0.787 -0.002 0.007)
- CIE Lab
- lab(75.41 -0.68 2.54)
- LCH
- lch(75.41 2.63 105)
- CMYK
- cmyk(0% 0% 3% 27%)
Tinte · Ombre · Toni
Tinte
- C1C1BC
- C7C7C3
- CECECB
- D5D5D2
- DCDCD9
- E3E3E1
- EAEAE8
- F1F1F0
- F8F8F7
Ombre
- A1A19D
- 898986
- 72726F
- 5C5C59
- 464644
- 323230
- 1E1E1D
- 0D0D0C
- 020202
Toni
- B4B4B0
- AEAEAA
- A8A8A5
- A2A29F
- 9D9D9A
- 979795
- 919190
- 8B8B8A
- 868685
Armonie di colore
Complementare +180°
- BABAB5
Silver Bonnet
- B9B9BE
≈ Streamlined Grey
Analogo -30° +30°
- BABAB5
Silver Bonnet
- BCB9B5
≈ March Wind
- B8BBB6
≈ Quiet Time
Triadico +120° +240°
- BABAB5
Silver Bonnet
- B5BBBD
≈ Crestline
- BDB8BA
≈ Frisky Whiskers
Complementare divisa +150° +210°
- BABAB5
Silver Bonnet
- B7BABE
≈ Quiet Grey
- BBB8BD
≈ Frisky Whiskers
Tetradico +90° +180° +270°
- BABAB5
Silver Bonnet
- B5BBBB
≈ Marseilles
- B9B9BE
≈ Streamlined Grey
- BEB8B8
≈ Fashionable Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.77:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--silver-bonnet: #babab5;
--silver-bonnet-rgb: 186 186 181;
--silver-bonnet-oklch: oklch(0.787 0.007 106.6);
}
.element {
color: var(--silver-bonnet);
background-color: hsl(60 3% 72%);
border-color: oklch(0.787 0.007 106.6);
}Tailwind CSS v4
@theme {
--color-silver-bonnet: #babab5;
--color-silver-bonnet-50: #f5f5f3;
--color-silver-bonnet-100: #e8e8e5;
--color-silver-bonnet-200: #d4d4d1;
--color-silver-bonnet-300: #b7b8b4;
--color-silver-bonnet-400: #9f9f9a;
--color-silver-bonnet-500: #868681;
--color-silver-bonnet-600: #72726d;
--color-silver-bonnet-700: #5b5b57;
--color-silver-bonnet-800: #434240;
--color-silver-bonnet-900: #2e2e2c;
--color-silver-bonnet-950: #1b1b19;
}SCSS
$silver-bonnet: #babab5;
$silver-bonnet-rgb: 186, 186, 181;
$silver-bonnet-light: mix(#fff, $silver-bonnet, 20%);
$silver-bonnet-dark: mix(#000, $silver-bonnet, 20%);
.element {
color: $silver-bonnet;
box-shadow: 0 0 0 2px rgba($silver-bonnet, 0.35);
}