Colore con nome · #A5B2B7
Special Delivery
Special Delivery è #A5B2B7: rgb(165 178 183), hsl(197 11% 68%), oklch(0.755 0.016 222.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Special Delivery color name →
#A5B2B7
oklch(0.755 0.016 222.7)
Conversioni di colore
- HEX
- #a5b2b7
- RGB
- rgb(165 178 183)
- HSL
- hsl(197 11% 68%)
- HWB
- hwb(197 65% 28%)
- OKLCH
- oklch(0.755 0.016 222.7)
- OKLab
- oklab(0.755 -0.012 -0.011)
- CIE Lab
- lab(71.66 -3.94 -4.2)
- LCH
- lch(71.66 5.76 226.8)
- CMYK
- cmyk(10% 3% 0% 28%)
Tinte · Ombre · Toni
Tinte
- AEB9BE
- B6C1C5
- BFC9CC
- C8D0D3
- D1D8DA
- DAE0E2
- E3E7E9
- ECEFF0
- F6F7F8
Ombre
- 8F9A9F
- 798387
- 656D70
- 51575A
- 3D4345
- 2B2F31
- 1A1D1E
- 0A0C0C
- 010102
Toni
- A1ADB1
- 9EA8AC
- 9AA3A6
- 969EA1
- 92999B
- 8F9496
- 8B8F90
- 878A8B
- 848585
Armonie di colore
Complementare +180°
- A5B2B7
Special Delivery
- B9ACA7
≈ Barren
Analogo -30° +30°
- A5B2B7
Special Delivery
- A4B3B2
≈ Flint Smoke
- A8B0BA
≈ Cistern
Triadico +120° +240°
- A5B2B7
Special Delivery
- B7ACB2
≈ Lavender Cloud
- B1B0A5
≈ Light Sage
Complementare divisa +150° +210°
- A5B2B7
Special Delivery
- BAABAC
≈ Aniline Mauve
- B6AEA5
≈ Warm Pewter
Tetradico +90° +180° +270°
- A5B2B7
Special Delivery
- B3ADB7
≈ Audition
- B9ACA7
≈ Barren
- ACB2A7
≈ Pebble Walk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.65:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--special-delivery: #a5b2b7;
--special-delivery-rgb: 165 178 183;
--special-delivery-oklch: oklch(0.755 0.016 222.7);
}
.element {
color: var(--special-delivery);
background-color: hsl(197 11% 68%);
border-color: oklch(0.755 0.016 222.7);
}Tailwind CSS v4
@theme {
--color-special-delivery: #a5b2b7;
--color-special-delivery-50: #f0f6f9;
--color-special-delivery-100: #e2e9ec;
--color-special-delivery-200: #cdd6d9;
--color-special-delivery-300: #afb9be;
--color-special-delivery-400: #95a1a5;
--color-special-delivery-500: #7b898e;
--color-special-delivery-600: #687478;
--color-special-delivery-700: #535d60;
--color-special-delivery-800: #3c4446;
--color-special-delivery-900: #2a2f31;
--color-special-delivery-950: #171b1d;
}SCSS
$special-delivery: #a5b2b7;
$special-delivery-rgb: 165, 178, 183;
$special-delivery-light: mix(#fff, $special-delivery, 20%);
$special-delivery-dark: mix(#000, $special-delivery, 20%);
.element {
color: $special-delivery;
box-shadow: 0 0 0 2px rgba($special-delivery, 0.35);
}