Colore con nome · #3F3C43
Tuxedo
Tuxedo è #3F3C43: rgb(63 60 67), hsl(266 6% 25%), oklch(0.362 0.013 305.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tuxedo color name →
#3F3C43
oklch(0.362 0.013 305.1)
Conversioni di colore
- HEX
- #3f3c43
- RGB
- rgb(63 60 67)
- HSL
- hsl(266 6% 25%)
- HWB
- hwb(266 24% 74%)
- OKLCH
- oklch(0.362 0.013 305.1)
- OKLab
- oklab(0.362 0.007 -0.01)
- CIE Lab
- lab(25.82 2.53 -3.83)
- LCH
- lch(25.82 4.59 303.4)
- CMYK
- cmyk(6% 10% 0% 74%)
Tinte · Ombre · Toni
Tinte
- 504D54
- 615F65
- 747177
- 868489
- 99989C
- ADABAF
- C1C0C2
- D5D4D6
- EAEAEA
Ombre
- 353339
- 2C2A2F
- 232126
- 1B191D
- 121114
- 0A0A0C
- 040405
- 010101
- 000000
Toni
- 454249
- 4B494F
- 524F55
- 58565B
- 5F5D61
- 656467
- 6C6B6D
- 727273
- 79797A
Armonie di colore
Complementare +180°
- 3F3C43
Tuxedo
- 3C3F38
≈ Dead Sea Mud
Analogo -30° +30°
- 3F3C43
Tuxedo
- 3B3D44
≈ In the Dark
- 423B40
≈ Midnight Escape
Triadico +120° +240°
- 3F3C43
Tuxedo
- 423C37
≈ Knights of the Desert
- 37403E
≈ Dying Light
Complementare divisa +150° +210°
- 3F3C43
Tuxedo
- 3F3E36
≈ Sunday Niqab
- 39403B
≈ Dead Sea Mud
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.83:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.93:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--tuxedo: #3f3c43;
--tuxedo-rgb: 63 60 67;
--tuxedo-oklch: oklch(0.362 0.013 305.1);
}
.element {
color: var(--tuxedo);
background-color: hsl(266 6% 25%);
border-color: oklch(0.362 0.013 305.1);
}Tailwind CSS v4
@theme {
--color-tuxedo: #3f3c43;
--color-tuxedo-50: #f6f4f8;
--color-tuxedo-100: #e9e7eb;
--color-tuxedo-200: #d5d3d8;
--color-tuxedo-300: #b9b6bc;
--color-tuxedo-400: #a09da4;
--color-tuxedo-500: #88848d;
--color-tuxedo-600: #737077;
--color-tuxedo-700: #5c595f;
--color-tuxedo-800: #434146;
--color-tuxedo-900: #2e2d30;
--color-tuxedo-950: #1b1a1d;
}SCSS
$tuxedo: #3f3c43;
$tuxedo-rgb: 63, 60, 67;
$tuxedo-light: mix(#fff, $tuxedo, 20%);
$tuxedo-dark: mix(#000, $tuxedo, 20%);
.element {
color: $tuxedo;
box-shadow: 0 0 0 2px rgba($tuxedo, 0.35);
}