Colore con nome · #A5B4BA
Shark Loop
Shark Loop è #A5B4BA: rgb(165 180 186), hsl(197 13% 69%), oklch(0.76 0.019 223.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shark Loop color name →
#A5B4BA
oklch(0.76 0.019 223.7)
Conversioni di colore
- HEX
- #a5b4ba
- RGB
- rgb(165 180 186)
- HSL
- hsl(197 13% 69%)
- HWB
- hwb(197 65% 27%)
- OKLCH
- oklch(0.76 0.019 223.7)
- OKLab
- oklab(0.76 -0.014 -0.013)
- CIE Lab
- lab(72.27 -4.48 -4.94)
- LCH
- lch(72.27 6.67 227.8)
- CMYK
- cmyk(11% 3% 0% 27%)
Tinte · Ombre · Toni
Tinte
- AEBBC1
- B6C3C7
- BFCACE
- C8D1D5
- D1D9DC
- DAE0E3
- E3E8EA
- EDF0F1
- F6F7F8
Ombre
- 8F9CA1
- 798589
- 656E72
- 51585C
- 3D4446
- 2B3032
- 1A1D1E
- 0A0C0D
- 010202
Toni
- A1AFB4
- 9EA9AE
- 9AA4A8
- 969FA2
- 929A9D
- 8F9497
- 8B8F91
- 878A8B
- 848586
Armonie di colore
Complementare +180°
- A5B4BA
Shark Loop
- BCAEA8
≈ Taupedo
Analogo -30° +30°
- A5B4BA
Shark Loop
- A4B5B4
≈ Marine Layer
- A9B2BD
≈ Grey Agate
Triadico +120° +240°
- A5B4BA
Shark Loop
- BAADB4
≈ Angel Finger
- B3B2A4
≈ Rigani
Complementare divisa +150° +210°
- A5B4BA
Shark Loop
- BDADAD
≈ Moire
- B9B0A4
≈ Ask Me Anything
Tetradico +90° +180° +270°
- A5B4BA
Shark Loop
- B5AEBA
≈ Audition
- BCAEA8
≈ Taupedo
- ACB4A8
≈ Forever Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.83:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--shark-loop: #a5b4ba;
--shark-loop-rgb: 165 180 186;
--shark-loop-oklch: oklch(0.76 0.019 223.7);
}
.element {
color: var(--shark-loop);
background-color: hsl(197 13% 69%);
border-color: oklch(0.76 0.019 223.7);
}Tailwind CSS v4
@theme {
--color-shark-loop: #a5b4ba;
--color-shark-loop-50: #f0f6f9;
--color-shark-loop-100: #e2e9ed;
--color-shark-loop-200: #ccd6da;
--color-shark-loop-300: #aebabf;
--color-shark-loop-400: #93a1a7;
--color-shark-loop-500: #79898f;
--color-shark-loop-600: #677479;
--color-shark-loop-700: #525d61;
--color-shark-loop-800: #3c4447;
--color-shark-loop-900: #292f31;
--color-shark-loop-950: #171b1d;
}SCSS
$shark-loop: #a5b4ba;
$shark-loop-rgb: 165, 180, 186;
$shark-loop-light: mix(#fff, $shark-loop, 20%);
$shark-loop-dark: mix(#000, $shark-loop, 20%);
.element {
color: $shark-loop;
box-shadow: 0 0 0 2px rgba($shark-loop, 0.35);
}