Colore con nome · #5F606E
Venus Mist
Venus Mist è #5F606E: rgb(95 96 110), hsl(236 7% 40%), oklch(0.493 0.022 282.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Venus Mist color name →
#5F606E
oklch(0.493 0.022 282.3)
Conversioni di colore
- HEX
- #5f606e
- RGB
- rgb(95 96 110)
- HSL
- hsl(236 7% 40%)
- HWB
- hwb(236 37% 57%)
- OKLCH
- oklch(0.493 0.022 282.3)
- OKLab
- oklab(0.493 0.005 -0.022)
- CIE Lab
- lab(41.02 1.94 -8.11)
- LCH
- lch(41.02 8.34 283.5)
- CMYK
- cmyk(14% 13% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 6E6F7C
- 7D7D89
- 8C8D97
- 9C9CA5
- ABACB4
- BCBCC3
- CCCDD1
- DDDDE0
- EEEEF0
Ombre
- 52525F
- 444550
- 383841
- 2C2C33
- 202026
- 151519
- 0A0A0E
- 030304
- 000001
Toni
- 626370
- 656672
- 696973
- 6C6D75
- 6F7077
- 737379
- 76767B
- 797A7C
- 7D7D7E
Armonie di colore
Complementare +180°
- 5F606E
Venus Mist
- 646254
≈ Marble Garden
Analogo -30° +30°
- 5F606E
Venus Mist
- 58626E
≈ Intermediate Blue
- 665E6B
≈ Sedona Shadow
Triadico +120° +240°
- 5F606E
Venus Mist
- 6D5D58
≈ Missing Link
- 56655D
≈ Obligation
Complementare divisa +150° +210°
- 5F606E
Venus Mist
- 696054
≈ Bungee Cord
- 5D6457
≈ Pine Cone Pass
Tetradico +90° +180° +270°
- 5F606E
Venus Mist
- 6D5C5E
≈ Poetry Plum
- 646254
≈ Marble Garden
- 536665
≈ Armada
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.20:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.38:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--venus-mist: #5f606e;
--venus-mist-rgb: 95 96 110;
--venus-mist-oklch: oklch(0.493 0.022 282.3);
}
.element {
color: var(--venus-mist);
background-color: hsl(236 7% 40%);
border-color: oklch(0.493 0.022 282.3);
}Tailwind CSS v4
@theme {
--color-venus-mist: #5f606e;
--color-venus-mist-50: #f4f4fb;
--color-venus-mist-100: #e7e7ef;
--color-venus-mist-200: #d3d3de;
--color-venus-mist-300: #b6b6c3;
--color-venus-mist-400: #9c9dac;
--color-venus-mist-500: #838595;
--color-venus-mist-600: #6f707e;
--color-venus-mist-700: #595a65;
--color-venus-mist-800: #41424a;
--color-venus-mist-900: #2d2d33;
--color-venus-mist-950: #1a1a1f;
}SCSS
$venus-mist: #5f606e;
$venus-mist-rgb: 95, 96, 110;
$venus-mist-light: mix(#fff, $venus-mist, 20%);
$venus-mist-dark: mix(#000, $venus-mist, 20%);
.element {
color: $venus-mist;
box-shadow: 0 0 0 2px rgba($venus-mist, 0.35);
}