Colore con nome · #9BA29D
Brampton Grey
Brampton Grey è #9BA29D: rgb(155 162 157), hsl(137 4% 62%), oklch(0.705 0.011 155). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Brampton Grey color name →
#9BA29D
oklch(0.705 0.011 155)
Conversioni di colore
- HEX
- #9ba29d
- RGB
- rgb(155 162 157)
- HSL
- hsl(137 4% 62%)
- HWB
- hwb(137 61% 36%)
- OKLCH
- oklch(0.705 0.011 155)
- OKLab
- oklab(0.705 -0.01 0.005)
- CIE Lab
- lab(65.93 -3.31 1.7)
- LCH
- lch(65.93 3.72 152.9)
- CMYK
- cmyk(4% 0% 3% 36%)
Tinte · Ombre · Toni
Tinte
- A5ABA6
- AEB4B0
- B8BDB9
- C2C6C3
- CCD0CD
- D6D9D7
- E0E2E1
- EAECEB
- F5F5F5
Ombre
- 868C88
- 727773
- 5E635F
- 4B4F4C
- 393C3A
- 282A28
- 181918
- 090A09
- 010101
Toni
- 989F9A
- 969B97
- 939894
- 909491
- 8D918E
- 8B8D8B
- 888A89
- 858786
- 838383
Armonie di colore
Complementare +180°
- 9BA29D
Brampton Grey
- A49EA3
≈ Silver Sconce
Analogo -30° +30°
- 9BA29D
Brampton Grey
- 9EA19A
≈ Stamped Concrete
- 99A2A1
≈ Grey River Rock
Triadico +120° +240°
- 9BA29D
Brampton Grey
- 9EA0A7
≈ Grey Wolf
- A69E9B
≈ Mauve Melody
Complementare divisa +150° +210°
- 9BA29D
Brampton Grey
- A19EA5
≈ Silver Sconce
- A69D9F
≈ Nobel
Tetradico +90° +180° +270°
- 9BA29D
Brampton Grey
- 9BA1A6
≈ Grey Wolf
- A49EA3
≈ Silver Sconce
- A59F99
≈ Mauve Melody
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.04:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--brampton-grey: #9ba29d;
--brampton-grey-rgb: 155 162 157;
--brampton-grey-oklch: oklch(0.705 0.011 155);
}
.element {
color: var(--brampton-grey);
background-color: hsl(137 4% 62%);
border-color: oklch(0.705 0.011 155);
}Tailwind CSS v4
@theme {
--color-brampton-grey: #9ba29d;
--color-brampton-grey-50: #f3f6f4;
--color-brampton-grey-100: #e5e9e6;
--color-brampton-grey-200: #d1d6d2;
--color-brampton-grey-300: #b3b9b5;
--color-brampton-grey-400: #9aa09c;
--color-brampton-grey-500: #818883;
--color-brampton-grey-600: #6d736f;
--color-brampton-grey-700: #575c59;
--color-brampton-grey-800: #404341;
--color-brampton-grey-900: #2c2f2c;
--color-brampton-grey-950: #191b1a;
}SCSS
$brampton-grey: #9ba29d;
$brampton-grey-rgb: 155, 162, 157;
$brampton-grey-light: mix(#fff, $brampton-grey, 20%);
$brampton-grey-dark: mix(#000, $brampton-grey, 20%);
.element {
color: $brampton-grey;
box-shadow: 0 0 0 2px rgba($brampton-grey, 0.35);
}