Named color · #6D4052
Chilled Wine
Chilled Wine is #6D4052: rgb(109 64 82), hsl(336 26% 34%), oklch(0.431 0.067 354.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Chilled Wine color name →
#6D4052
oklch(0.431 0.067 354.8)
Color conversions
- HEX
- #6d4052
- RGB
- rgb(109 64 82)
- HSL
- hsl(336 26% 34%)
- HWB
- hwb(336 25% 57%)
- OKLCH
- oklch(0.431 0.067 354.8)
- OKLab
- oklab(0.431 0.067 -0.006)
- CIE Lab
- lab(33.11 22.04 -2.08)
- LCH
- lch(33.11 22.14 354.6)
- CMYK
- cmyk(0% 41% 25% 57%)
Tints · Shades · Tones
Tints
- 7B5162
- 8A6372
- 987582
- A78893
- B59BA4
- C4AEB6
- D3C2C8
- E1D6DA
- F0EAEC
Shades
- 5E3646
- 4F2D3B
- 41242F
- 331B25
- 26131A
- 190B11
- 0D0508
- 040102
- 010000
Tones
- 6F4656
- 724D5B
- 74535F
- 765A64
- 786069
- 7A666D
- 7C6D72
- 7D7377
- 7F7A7B
Color harmonies
Complementary +180°
- 6D4052
Chilled Wine
- 1F5C4E
≈ Country Meadow
Analogous -30° +30°
- 6D4052
Chilled Wine
- 634365
≈ Royal Plum
- 71413D
≈ Wine Cellar
Triadic +120° +240°
- 6D4052
Chilled Wine
- 4F5427
≈ Private Green
- 265670
≈ Newport Grey
Split-complementary +150° +210°
- 6D4052
Chilled Wine
- 385A38
≈ Ficus
- 135A61
≈ Blue Emerald
Tetradic +90° +180° +270°
- 6D4052
Chilled Wine
- 614D20
≈ Bronze Olive
- 1F5C4E
≈ Country Meadow
- 3E4F75
≈ Takaka
Contrast & accessibility
Ag
AAAOn white
WCAG 8.38:1 · APCA Lc 89
Ag
FailOn black
WCAG 2.50:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--chilled-wine: #6d4052;
--chilled-wine-rgb: 109 64 82;
--chilled-wine-oklch: oklch(0.431 0.067 354.8);
}
.element {
color: var(--chilled-wine);
background-color: hsl(336 26% 34%);
border-color: oklch(0.431 0.067 354.8);
}Tailwind CSS v4
@theme {
--color-chilled-wine: #6d4052;
--color-chilled-wine-50: #ffeef5;
--color-chilled-wine-100: #fcdfe8;
--color-chilled-wine-200: #edc9d5;
--color-chilled-wine-300: #d5aab8;
--color-chilled-wine-400: #bf8ea0;
--color-chilled-wine-500: #aa7489;
--color-chilled-wine-600: #906274;
--color-chilled-wine-700: #734e5c;
--color-chilled-wine-800: #553944;
--color-chilled-wine-900: #3b272f;
--color-chilled-wine-950: #25151c;
}SCSS
$chilled-wine: #6d4052;
$chilled-wine-rgb: 109, 64, 82;
$chilled-wine-light: mix(#fff, $chilled-wine, 20%);
$chilled-wine-dark: mix(#000, $chilled-wine, 20%);
.element {
color: $chilled-wine;
box-shadow: 0 0 0 2px rgba($chilled-wine, 0.35);
}