Colore con nome · #A3A59B
Strong Winds
Strong Winds è #A3A59B: rgb(163 165 155), hsl(72 5% 63%), oklch(0.717 0.014 115.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Strong Winds color name →
#A3A59B
oklch(0.717 0.014 115.9)
Conversioni di colore
- HEX
- #a3a59b
- RGB
- rgb(163 165 155)
- HSL
- hsl(72 5% 63%)
- HWB
- hwb(72 61% 35%)
- OKLCH
- oklch(0.717 0.014 115.9)
- OKLab
- oklab(0.717 -0.006 0.013)
- CIE Lab
- lab(67.36 -2.13 4.94)
- LCH
- lch(67.36 5.38 113.3)
- CMYK
- cmyk(1% 0% 6% 35%)
Tinte · Ombre · Toni
Tinte
- ACAEA5
- B5B6AE
- BEBFB8
- C7C8C2
- D0D1CC
- D9DAD6
- E3E3E0
- ECECEA
- F5F6F5
Ombre
- 8D8F86
- 787972
- 63655E
- 4F514B
- 3C3D39
- 2A2B28
- 191A18
- 0A0A09
- 010101
Toni
- 9FA198
- 9C9D96
- 989A93
- 959690
- 91928D
- 8E8F8B
- 8A8B88
- 878785
- 838483
Armonie di colore
Complementare +180°
- A3A59B
Strong Winds
- A4A2AC
≈ Spun Pearl
Analogo -30° +30°
- A3A59B
Strong Winds
- A8A39A
≈ Functional Grey
- 9EA69E
≈ Casting Shadow
Triadico +120° +240°
- A3A59B
Strong Winds
- 9CA5AC
≈ Rainmaster
- ACA0A4
≈ Beijing Moon
Complementare divisa +150° +210°
- A3A59B
Strong Winds
- 9FA4AD
≈ Pandemonium
- A9A1A9
≈ Mysterious Mauve
Tetradico +90° +180° +270°
- A3A59B
Strong Winds
- 9AA7A8
≈ Celestra Grey
- A4A2AC
≈ Spun Pearl
- ADA19F
≈ Violet Vista
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.41:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--strong-winds: #a3a59b;
--strong-winds-rgb: 163 165 155;
--strong-winds-oklch: oklch(0.717 0.014 115.9);
}
.element {
color: var(--strong-winds);
background-color: hsl(72 5% 63%);
border-color: oklch(0.717 0.014 115.9);
}Tailwind CSS v4
@theme {
--color-strong-winds: #a3a59b;
--color-strong-winds-50: #f5f6f1;
--color-strong-winds-100: #e7e8e3;
--color-strong-winds-200: #d3d5ce;
--color-strong-winds-300: #b6b8b0;
--color-strong-winds-400: #9ea096;
--color-strong-winds-500: #85877d;
--color-strong-winds-600: #71736a;
--color-strong-winds-700: #5a5c54;
--color-strong-winds-800: #42433d;
--color-strong-winds-900: #2e2e2a;
--color-strong-winds-950: #1a1b18;
}SCSS
$strong-winds: #a3a59b;
$strong-winds-rgb: 163, 165, 155;
$strong-winds-light: mix(#fff, $strong-winds, 20%);
$strong-winds-dark: mix(#000, $strong-winds, 20%);
.element {
color: $strong-winds;
box-shadow: 0 0 0 2px rgba($strong-winds, 0.35);
}