Colore con nome · #5D6367
Carriage Wheel
Carriage Wheel è #5D6367: rgb(93 99 103), hsl(204 5% 38%), oklch(0.496 0.01 236.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Carriage Wheel color name →
#5D6367
oklch(0.496 0.01 236.7)
Conversioni di colore
- HEX
- #5d6367
- RGB
- rgb(93 99 103)
- HSL
- hsl(204 5% 38%)
- HWB
- hwb(204 36% 60%)
- OKLCH
- oklch(0.496 0.01 236.7)
- OKLab
- oklab(0.496 -0.005 -0.008)
- CIE Lab
- lab(41.54 -1.75 -3.12)
- LCH
- lch(41.54 3.58 240.7)
- CMYK
- cmyk(10% 4% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 6C7175
- 7B8083
- 8A8F92
- 9A9EA1
- AAAEB0
- BBBDBF
- CBCECF
- DCDEDF
- EEEEEF
Ombre
- 505559
- 43474B
- 373A3D
- 2A2E30
- 1F2123
- 141617
- 0A0B0C
- 030304
- 000000
Toni
- 606669
- 64696C
- 676C6E
- 6B6E71
- 6E7173
- 727476
- 757778
- 797A7B
- 7C7D7D
Armonie di colore
Complementare +180°
- 5D6367
Carriage Wheel
- 67615D
≈ Brood
Analogo -30° +30°
- 5D6367
Carriage Wheel
- 5C6465
≈ Carriage Wheel
- 5F6268
≈ Carriage Wheel
Triadico +120° +240°
- 5D6367
Carriage Wheel
- 676062
≈ Stunning Shade
- 61635D
≈ Tornado Wind
Complementare divisa +150° +210°
- 5D6367
Carriage Wheel
- 68605F
≈ Moroccan Dusk
- 64625C
≈ Braintree
Tetradico +90° +180° +270°
- 5D6367
Carriage Wheel
- 656065
≈ Stunning Shade
- 67615D
≈ Brood
- 5F645F
≈ Tornado Wind
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.09:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.44:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--carriage-wheel: #5d6367;
--carriage-wheel-rgb: 93 99 103;
--carriage-wheel-oklch: oklch(0.496 0.01 236.7);
}
.element {
color: var(--carriage-wheel);
background-color: hsl(204 5% 38%);
border-color: oklch(0.496 0.01 236.7);
}Tailwind CSS v4
@theme {
--color-carriage-wheel: #5d6367;
--color-carriage-wheel-50: #f3f5f8;
--color-carriage-wheel-100: #e5e8eb;
--color-carriage-wheel-200: #d0d5d8;
--color-carriage-wheel-300: #b3b8bc;
--color-carriage-wheel-400: #999fa4;
--color-carriage-wheel-500: #80878c;
--color-carriage-wheel-600: #6d7276;
--color-carriage-wheel-700: #575c5f;
--color-carriage-wheel-800: #3f4345;
--color-carriage-wheel-900: #2b2e30;
--color-carriage-wheel-950: #191b1c;
}SCSS
$carriage-wheel: #5d6367;
$carriage-wheel-rgb: 93, 99, 103;
$carriage-wheel-light: mix(#fff, $carriage-wheel, 20%);
$carriage-wheel-dark: mix(#000, $carriage-wheel, 20%);
.element {
color: $carriage-wheel;
box-shadow: 0 0 0 2px rgba($carriage-wheel, 0.35);
}