En yakın adlandırılmış renk · #6B4855
#6B4855
En yakın adlandırılmış renk: Wine Stain
#6B4855 (rgb(107 72 85), hsl(338 20% 35%), oklch(0.445 0.051 355.4)) en çok Wine Stain 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.
#6B4855
oklch(0.445 0.051 355.4)
Renk dönüşümleri
- HEX
- #6b4855
- RGB
- rgb(107 72 85)
- HSL
- hsl(338 20% 35%)
- HWB
- hwb(338 28% 58%)
- OKLCH
- oklch(0.445 0.051 355.4)
- OKLab
- oklab(0.445 0.051 -0.004)
- CIE Lab
- lab(34.94 16.96 -1.38)
- LCH
- lch(34.94 17.01 355.4)
- CMYK
- cmyk(0% 33% 21% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 795964
- 886A74
- 967B84
- A58D95
- B39FA6
- C2B2B7
- D1C4C9
- E0D8DB
- F0EBED
Koyu tonlar
- 5C3D49
- 4E333D
- 3F2931
- 321F26
- 25161C
- 180D11
- 0D0608
- 040202
- 000000
Gri tonlar
- 6D4E59
- 70535D
- 725962
- 745E66
- 76646A
- 78696E
- 7A6F73
- 7C7577
- 7E7A7C
Renk uyumları
Tamamlayıcı +180°
- 6B4855
Wine Stain
- 335D52
≈ Holly Bush
Analog -30° +30°
- 6B4855
Wine Stain
- 634A63
≈ Bunchberry
- 6E4945
≈ Fireside
Üçlü +120° +240°
- 6B4855
Wine Stain
- 525736
≈ Dark Rainforest
- 37596C
≈ Indian Teal
Bölünmüş tamamlayıcı +150° +210°
- 6B4855
Wine Stain
- 425C42
≈ Horsetail
- 2E5C62
≈ Arctic Nights
Dörtlü +90° +180° +270°
- 6B4855
Wine Stain
- 615232
≈ Olive Bark
- 335D52
≈ Holly Bush
- 465371
≈ Signature Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.82:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.68:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--wine-stain: #6b4855;
--wine-stain-rgb: 107 72 85;
--wine-stain-oklch: oklch(0.445 0.051 355.4);
}
.element {
color: var(--wine-stain);
background-color: hsl(338 20% 35%);
border-color: oklch(0.445 0.051 355.4);
}Tailwind CSS v4
@theme {
--color-wine-stain: #6b4855;
--color-wine-stain-50: #ffeff5;
--color-wine-stain-100: #f7e1e8;
--color-wine-stain-200: #e8ccd4;
--color-wine-stain-300: #ceadb7;
--color-wine-stain-400: #b892a0;
--color-wine-stain-500: #a27888;
--color-wine-stain-600: #896673;
--color-wine-stain-700: #6e515c;
--color-wine-stain-800: #513b44;
--color-wine-stain-900: #38292f;
--color-wine-stain-950: #23161b;
}SCSS
$wine-stain: #6b4855;
$wine-stain-rgb: 107, 72, 85;
$wine-stain-light: mix(#fff, $wine-stain, 20%);
$wine-stain-dark: mix(#000, $wine-stain, 20%);
.element {
color: $wine-stain;
box-shadow: 0 0 0 2px rgba($wine-stain, 0.35);
}