En yakın adlandırılmış renk · #42252B
#42252B
En yakın adlandırılmış renk: Wine Tasting
#42252B (rgb(66 37 43), hsl(348 28% 20%), oklch(0.304 0.045 6.7)) en çok Wine Tasting adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#42252B
oklch(0.304 0.045 6.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 53383D
- 654B50
- 776064
- 8A7578
- 9D8A8D
- B0A1A3
- C3B8B9
- D7CFD0
- EBE7E7
Koyu tonlar
- 381F24
- 2F191D
- 251316
- 1C0D10
- 14080A
- 0B0405
- 050202
- 010001
- 000000
Gri tonlar
- 482E33
- 4F363B
- 553F43
- 5B484B
- 615154
- 685A5C
- 6E6365
- 746D6E
- 7A7677
Renk uyumları
Tamamlayıcı +180°
- 42252B
Wine Tasting
- 0E3632
≈ Night Turquoise
Analog -30° +30°
- 42252B
Wine Tasting
- 3D2637
≈ Rare Wine
- 42271F
≈ Polished Mahogany
Üçlü +120° +240°
- 42252B
Wine Tasting
- 29331A
≈ Rangitoto
- 1B3144
≈ NATO Blue
Bölünmüş tamamlayıcı +150° +210°
- 42252B
Wine Tasting
- 1A3626
≈ Pumpkin Green Black
- 0E343D
≈ Firmament Blue
Dörtlü +90° +180° +270°
- 42252B
Wine Tasting
- 352F13
≈ Swamp of Sorrows
- 0E3632
≈ Night Turquoise
- 292D45
≈ Latin Charm
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.71:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.53:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.71:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
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);
}