Colore con nome · #B0B1A9
Urban Putty
Urban Putty è #B0B1A9: rgb(176 177 169), hsl(67 5% 68%), oklch(0.757 0.011 112.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Urban Putty color name →
#B0B1A9
oklch(0.757 0.011 112.4)
Conversioni di colore
- HEX
- #b0b1a9
- RGB
- rgb(176 177 169)
- HSL
- hsl(67 5% 68%)
- HWB
- hwb(67 66% 31%)
- OKLCH
- oklch(0.757 0.011 112.4)
- OKLab
- oklab(0.757 -0.004 0.01)
- CIE Lab
- lab(71.95 -1.46 3.98)
- LCH
- lch(71.95 4.24 110.2)
- CMYK
- cmyk(1% 0% 5% 31%)
Tinte · Ombre · Toni
Tinte
- B8B9B1
- BFC0BA
- C7C8C2
- CFD0CB
- D7D7D3
- DFDFDC
- E7E7E5
- EFEFED
- F7F7F6
Ombre
- 999992
- 82837C
- 6C6C67
- 565753
- 42423F
- 2E2F2C
- 1C1C1B
- 0B0C0A
- 010101
Toni
- ABACA5
- A6A7A1
- A1A29C
- 9C9D98
- 989894
- 939390
- 8E8E8C
- 898A88
- 858584
Armonie di colore
Complementare +180°
- B0B1A9
Urban Putty
- B0AFB7
≈ Buffed Plum
Analogo -30° +30°
- B0B1A9
Urban Putty
- B4B0A8
≈ Laid Back Grey
- ACB2AC
≈ Vinalhaven
Triadico +120° +240°
- B0B1A9
Urban Putty
- A9B2B6
≈ Yreka!
- B6ADB1
≈ Gellibrand
Complementare divisa +150° +210°
- B0B1A9
Urban Putty
- ACB0B8
≈ Buffed Plum
- B4AEB4
≈ Madame Mauve
Tetradico +90° +180° +270°
- B0B1A9
Urban Putty
- A8B2B3
≈ Flint Smoke
- B0AFB7
≈ Buffed Plum
- B7AEAD
≈ Kid Gloves
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.70:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--urban-putty: #b0b1a9;
--urban-putty-rgb: 176 177 169;
--urban-putty-oklch: oklch(0.757 0.011 112.4);
}
.element {
color: var(--urban-putty);
background-color: hsl(67 5% 68%);
border-color: oklch(0.757 0.011 112.4);
}Tailwind CSS v4
@theme {
--color-urban-putty: #b0b1a9;
--color-urban-putty-50: #f5f5f2;
--color-urban-putty-100: #e8e8e4;
--color-urban-putty-200: #d4d5cf;
--color-urban-putty-300: #b7b8b2;
--color-urban-putty-400: #9e9f98;
--color-urban-putty-500: #86877f;
--color-urban-putty-600: #71726b;
--color-urban-putty-700: #5b5b56;
--color-urban-putty-800: #42433e;
--color-urban-putty-900: #2e2e2b;
--color-urban-putty-950: #1b1b18;
}SCSS
$urban-putty: #b0b1a9;
$urban-putty-rgb: 176, 177, 169;
$urban-putty-light: mix(#fff, $urban-putty, 20%);
$urban-putty-dark: mix(#000, $urban-putty, 20%);
.element {
color: $urban-putty;
box-shadow: 0 0 0 2px rgba($urban-putty, 0.35);
}