Colore con nome più vicino · #42252B
#42252B
Colore con nome più vicino: Wine Tasting
#42252B (rgb(66 37 43), hsl(348 28% 20%), oklch(0.304 0.045 6.7)) è più vicino al colore con nome Wine Tasting. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#42252B
oklch(0.304 0.045 6.7)
Conversioni di colore
- HEX
- #42252b
- RGB
- rgb(66 37 43)
- HSL
- hsl(348 28% 20%)
- HWB
- hwb(348 15% 74%)
- OKLCH
- oklch(0.304 0.045 6.7)
- OKLab
- oklab(0.304 0.044 0.005)
- CIE Lab
- lab(18.73 14.78 2.19)
- LCH
- lch(18.73 14.94 8.4)
- CMYK
- cmyk(0% 44% 35% 74%)
Tinte · Ombre · Toni
Tinte
- 53383D
- 654B50
- 776064
- 8A7578
- 9D8A8D
- B0A1A3
- C3B8B9
- D7CFD0
- EBE7E7
Ombre
- 381F24
- 2F191D
- 251316
- 1C0D10
- 14080A
- 0B0405
- 050202
- 010001
- 000000
Toni
- 482E33
- 4F363B
- 553F43
- 5B484B
- 615154
- 685A5C
- 6E6365
- 746D6E
- 7A7677
Armonie di colore
Complementare +180°
- 42252B
Wine Tasting
- 0E3632
≈ Night Turquoise
Analogo -30° +30°
- 42252B
Wine Tasting
- 3D2637
≈ Rare Wine
- 42271F
≈ Polished Mahogany
Triadico +120° +240°
- 42252B
Wine Tasting
- 29331A
≈ Rangitoto
- 1B3144
≈ NATO Blue
Complementare divisa +150° +210°
- 42252B
Wine Tasting
- 1A3626
≈ Pumpkin Green Black
- 0E343D
≈ Firmament Blue
Tetradico +90° +180° +270°
- 42252B
Wine Tasting
- 352F13
≈ Swamp of Sorrows
- 0E3632
≈ Night Turquoise
- 292D45
≈ Latin Charm
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.71:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.53:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.71:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--wine-tasting: #42252b;
--wine-tasting-rgb: 66 37 43;
--wine-tasting-oklch: oklch(0.304 0.045 6.7);
}
.element {
color: var(--wine-tasting);
background-color: hsl(348 28% 20%);
border-color: oklch(0.304 0.045 6.7);
}Tailwind CSS v4
@theme {
--color-wine-tasting: #42252b;
--color-wine-tasting-50: #fff0f2;
--color-wine-tasting-100: #f6e2e5;
--color-wine-tasting-200: #e6cdd0;
--color-wine-tasting-300: #cdaeb3;
--color-wine-tasting-400: #b7949a;
--color-wine-tasting-500: #a17a81;
--color-wine-tasting-600: #88686d;
--color-wine-tasting-700: #6d5357;
--color-wine-tasting-800: #503c40;
--color-wine-tasting-900: #38292c;
--color-wine-tasting-950: #221719;
}SCSS
$wine-tasting: #42252b;
$wine-tasting-rgb: 66, 37, 43;
$wine-tasting-light: mix(#fff, $wine-tasting, 20%);
$wine-tasting-dark: mix(#000, $wine-tasting, 20%);
.element {
color: $wine-tasting;
box-shadow: 0 0 0 2px rgba($wine-tasting, 0.35);
}