Colore con nome · #41373A
Void Wellness Coach
Void Wellness Coach è #41373A: rgb(65 55 58), hsl(342 8% 24%), oklch(0.348 0.015 357.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Void Wellness Coach color name →
#41373A
oklch(0.348 0.015 357.9)
Conversioni di colore
- HEX
- #41373a
- RGB
- rgb(65 55 58)
- HSL
- hsl(342 8% 24%)
- HWB
- hwb(342 22% 75%)
- OKLCH
- oklch(0.348 0.015 357.9)
- OKLab
- oklab(0.348 0.015 -0.001)
- CIE Lab
- lab(24.23 5.02 -0.16)
- LCH
- lch(24.23 5.02 358.2)
- CMYK
- cmyk(0% 15% 11% 75%)
Tinte · Ombre · Toni
Tinte
- 52484B
- 635B5D
- 756D70
- 888183
- 9B9596
- AEA9AA
- C2BEBF
- D6D3D4
- EAE9E9
Ombre
- 372E31
- 2E2628
- 251E20
- 1C1618
- 130F10
- 0B0809
- 050304
- 010101
- 000000
Toni
- 473E41
- 4D4547
- 534C4E
- 595355
- 605A5C
- 666263
- 6C696A
- 737171
- 797879
Armonie di colore
Complementare +180°
- 41373A
Void Wellness Coach
- 323D3A
≈ Edge of the Galaxy
Analogo -30° +30°
- 41373A
Void Wellness Coach
- 3F373E
≈ Eleanor Ann
- 423736
≈ Reddish Black
Triadico +120° +240°
- 41373A
Void Wellness Coach
- 393B33
≈ Black Olive
- 333B41
≈ Tempest in a Teapot
Complementare divisa +150° +210°
- 41373A
Void Wellness Coach
- 353C36
≈ Sound of Silence
- 313C3E
≈ Edge of the Galaxy
Tetradico +90° +180° +270°
- 41373A
Void Wellness Coach
- 3D3A31
≈ Black Olive
- 323D3A
≈ Edge of the Galaxy
- 373A42
≈ Do Not Disturb
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.46:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.83:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.46:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--void-wellness-coach: #41373a;
--void-wellness-coach-rgb: 65 55 58;
--void-wellness-coach-oklch: oklch(0.348 0.015 357.9);
}
.element {
color: var(--void-wellness-coach);
background-color: hsl(342 8% 24%);
border-color: oklch(0.348 0.015 357.9);
}Tailwind CSS v4
@theme {
--color-void-wellness-coach: #41373a;
--color-void-wellness-coach-50: #f9f3f5;
--color-void-wellness-coach-100: #ece6e7;
--color-void-wellness-coach-200: #dad2d4;
--color-void-wellness-coach-300: #beb4b7;
--color-void-wellness-coach-400: #a69b9e;
--color-void-wellness-coach-500: #8f8286;
--color-void-wellness-coach-600: #796e71;
--color-void-wellness-coach-700: #61585b;
--color-void-wellness-coach-800: #474042;
--color-void-wellness-coach-900: #312c2e;
--color-void-wellness-coach-950: #1d191b;
}SCSS
$void-wellness-coach: #41373a;
$void-wellness-coach-rgb: 65, 55, 58;
$void-wellness-coach-light: mix(#fff, $void-wellness-coach, 20%);
$void-wellness-coach-dark: mix(#000, $void-wellness-coach, 20%);
.element {
color: $void-wellness-coach;
box-shadow: 0 0 0 2px rgba($void-wellness-coach, 0.35);
}