Colore con nome · #9E9181
Northpointe
Northpointe è #9E9181: rgb(158 145 129), hsl(33 13% 56%), oklch(0.664 0.028 73). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Northpointe color name →
#9E9181
oklch(0.664 0.028 73)
Conversioni di colore
- HEX
- #9e9181
- RGB
- rgb(158 145 129)
- HSL
- hsl(33 13% 56%)
- HWB
- hwb(33 51% 38%)
- OKLCH
- oklch(0.664 0.028 73)
- OKLab
- oklab(0.664 0.008 0.027)
- CIE Lab
- lab(60.99 2.97 10.37)
- LCH
- lch(60.99 10.78 74)
- CMYK
- cmyk(0% 8% 18% 38%)
Tinte · Ombre · Toni
Tinte
- A79B8D
- B1A699
- BAB1A5
- C4BCB2
- CEC7BE
- D7D2CB
- E1DDD8
- EBE8E5
- F5F4F2
Ombre
- 897D6F
- 746A5E
- 60584E
- 4D463E
- 3A352E
- 29251F
- 181512
- 090706
- 010101
Toni
- 9B8F81
- 988E81
- 958C81
- 928A81
- 8F8981
- 8C8781
- 898580
- 868380
- 838280
Armonie di colore
Complementare +180°
- 9E9181
Northpointe
- 8895A4
≈ Ozone
Analogo -30° +30°
- 9E9181
Northpointe
- A38E86
≈ Irish Tea
- 969481
≈ Forest Canopy
Triadico +120° +240°
- 9E9181
Northpointe
- 809998
≈ Tidepool Wonder
- 998FA0
≈ Alienator Grey
Complementare divisa +150° +210°
- 9E9181
Northpointe
- 8297A0
≈ Evening Eclipse
- 9091A4
≈ Cotton Flannel
Tetradico +90° +180° +270°
- 9E9181
Northpointe
- 85998E
≈ Paradise Found
- 8895A4
≈ Ozone
- A08D98
≈ Greige Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.07:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.82:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--northpointe: #9e9181;
--northpointe-rgb: 158 145 129;
--northpointe-oklch: oklch(0.664 0.028 73);
}
.element {
color: var(--northpointe);
background-color: hsl(33 13% 56%);
border-color: oklch(0.664 0.028 73);
}Tailwind CSS v4
@theme {
--color-northpointe: #9e9181;
--color-northpointe-50: #faf4ed;
--color-northpointe-100: #ede7de;
--color-northpointe-200: #dbd3c8;
--color-northpointe-300: #c0b6a8;
--color-northpointe-400: #a99c8d;
--color-northpointe-500: #928472;
--color-northpointe-600: #7b6f61;
--color-northpointe-700: #63594d;
--color-northpointe-800: #494138;
--color-northpointe-900: #322d26;
--color-northpointe-950: #1e1a15;
}SCSS
$northpointe: #9e9181;
$northpointe-rgb: 158, 145, 129;
$northpointe-light: mix(#fff, $northpointe, 20%);
$northpointe-dark: mix(#000, $northpointe, 20%);
.element {
color: $northpointe;
box-shadow: 0 0 0 2px rgba($northpointe, 0.35);
}