Colore con nome · #ADA5A5
Quest Grey
Quest Grey è #ADA5A5: rgb(173 165 165), hsl(0 5% 66%), oklch(0.729 0.009 17.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Quest Grey color name →
#ADA5A5
oklch(0.729 0.009 17.4)
Conversioni di colore
- HEX
- #ada5a5
- RGB
- rgb(173 165 165)
- HSL
- hsl(0 5% 66%)
- HWB
- hwb(0 65% 32%)
- OKLCH
- oklch(0.729 0.009 17.4)
- OKLab
- oklab(0.729 0.009 0.003)
- CIE Lab
- lab(68.43 2.98 1.09)
- LCH
- lch(68.43 3.18 20)
- CMYK
- cmyk(0% 5% 5% 32%)
Tinte · Ombre · Toni
Tinte
- B5AEAE
- BDB6B6
- C5BFBF
- CDC8C8
- D5D1D1
- DEDADA
- E6E3E3
- EEECEC
- F7F6F6
Ombre
- 968F8F
- 7F7979
- 6A6565
- 555151
- 413D3D
- 2D2B2B
- 1B1A1A
- 0B0A0A
- 010101
Toni
- A8A1A1
- A49D9D
- 9F9A9A
- 9B9696
- 969292
- 928F8F
- 8D8B8B
- 898787
- 848484
Armonie di colore
Complementare +180°
- ADA5A5
Quest Grey
- A1A9A9
≈ Crown of Ash
Analogo -30° +30°
- ADA5A5
Quest Grey
- ACA5A8
≈ Quest Grey
- ACA6A2
≈ Maculata Bark
Triadico +120° +240°
- ADA5A5
Quest Grey
- A4A9A3
≈ Silver Clouds
- A4A8AD
≈ Chrome Aluminium
Complementare divisa +150° +210°
- ADA5A5
Quest Grey
- A2A9A6
≈ Shiny Armour
- A2A9AC
≈ Crown of Ash
Tetradico +90° +180° +270°
- ADA5A5
Quest Grey
- A8A8A1
≈ Silver Grey
- A1A9A9
≈ Crown of Ash
- A7A6AD
≈ Palace Walls
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.41:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.70:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.70:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--quest-grey: #ada5a5;
--quest-grey-rgb: 173 165 165;
--quest-grey-oklch: oklch(0.729 0.009 17.4);
}
.element {
color: var(--quest-grey);
background-color: hsl(0 5% 66%);
border-color: oklch(0.729 0.009 17.4);
}Tailwind CSS v4
@theme {
--color-quest-grey: #ada5a5;
--color-quest-grey-50: #f8f4f4;
--color-quest-grey-100: #ebe7e6;
--color-quest-grey-200: #d8d3d2;
--color-quest-grey-300: #bcb6b5;
--color-quest-grey-400: #a49c9c;
--color-quest-grey-500: #8c8484;
--color-quest-grey-600: #777070;
--color-quest-grey-700: #5f5959;
--color-quest-grey-800: #454141;
--color-quest-grey-900: #302d2d;
--color-quest-grey-950: #1c1a1a;
}SCSS
$quest-grey: #ada5a5;
$quest-grey-rgb: 173, 165, 165;
$quest-grey-light: mix(#fff, $quest-grey, 20%);
$quest-grey-dark: mix(#000, $quest-grey, 20%);
.element {
color: $quest-grey;
box-shadow: 0 0 0 2px rgba($quest-grey, 0.35);
}