Colore con nome · #8AA3B1
Favourite Jeans
Favourite Jeans è #8AA3B1: rgb(138 163 177), hsl(202 20% 62%), oklch(0.701 0.035 232.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Favourite Jeans color name →
#8AA3B1
oklch(0.701 0.035 232.5)
Conversioni di colore
- HEX
- #8aa3b1
- RGB
- rgb(138 163 177)
- HSL
- hsl(202 20% 62%)
- HWB
- hwb(202 54% 31%)
- OKLCH
- oklch(0.701 0.035 232.5)
- OKLab
- oklab(0.701 -0.021 -0.027)
- CIE Lab
- lab(65.42 -6.66 -10.33)
- LCH
- lch(65.42 12.29 237.2)
- CMYK
- cmyk(22% 8% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 95ACB9
- A1B5C0
- ACBEC8
- B8C7D0
- C3D0D7
- CFD9DF
- DBE3E7
- E7ECEF
- F3F6F7
Ombre
- 778D99
- 657883
- 53636C
- 424F57
- 323C42
- 222A2F
- 14191C
- 070A0C
- 010101
Toni
- 899FAC
- 889CA7
- 8798A2
- 86959D
- 859198
- 848E93
- 838A8E
- 82878A
- 818385
Armonie di colore
Complementare +180°
- 8AA3B1
Favourite Jeans
- B1998B
≈ Free Wheeling
Analogo -30° +30°
- 8AA3B1
Favourite Jeans
- 86A6A8
≈ Ziggurat
- 939FB5
≈ Anita
Triadico +120° +240°
- 8AA3B1
Favourite Jeans
- B196A1
≈ Ashberry
- 9FA189
≈ Potting Moss
Complementare divisa +150° +210°
- 8AA3B1
Favourite Jeans
- B49795
≈ Hazy Rose
- A99D87
≈ Creek Bay
Tetradico +90° +180° +270°
- 8AA3B1
Favourite Jeans
- A998AC
≈ Pink Orthoclase
- B1998B
≈ Free Wheeling
- 93A591
≈ Mantle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.95:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.95:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--favourite-jeans: #8aa3b1;
--favourite-jeans-rgb: 138 163 177;
--favourite-jeans-oklch: oklch(0.701 0.035 232.5);
}
.element {
color: var(--favourite-jeans);
background-color: hsl(202 20% 62%);
border-color: oklch(0.701 0.035 232.5);
}Tailwind CSS v4
@theme {
--color-favourite-jeans: #8aa3b1;
--color-favourite-jeans-50: #ecf7fe;
--color-favourite-jeans-100: #ddeaf2;
--color-favourite-jeans-200: #c7d7e1;
--color-favourite-jeans-300: #a7bbc7;
--color-favourite-jeans-400: #8ba2b0;
--color-favourite-jeans-500: #708b9a;
--color-favourite-jeans-600: #5f7582;
--color-favourite-jeans-700: #4c5e68;
--color-favourite-jeans-800: #36454c;
--color-favourite-jeans-900: #253035;
--color-favourite-jeans-950: #141c20;
}SCSS
$favourite-jeans: #8aa3b1;
$favourite-jeans-rgb: 138, 163, 177;
$favourite-jeans-light: mix(#fff, $favourite-jeans, 20%);
$favourite-jeans-dark: mix(#000, $favourite-jeans, 20%);
.element {
color: $favourite-jeans;
box-shadow: 0 0 0 2px rgba($favourite-jeans, 0.35);
}