Named color · #6A513B
Coffee Liqueur
Coffee Liqueur is #6A513B: rgb(106 81 59), hsl(28 28% 32%), oklch(0.455 0.047 62.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Coffee Liqueur color name →
#6A513B
oklch(0.455 0.047 62.5)
Color conversions
- HEX
- #6a513b
- RGB
- rgb(106 81 59)
- HSL
- hsl(28 28% 32%)
- HWB
- hwb(28 23% 58%)
- OKLCH
- oklch(0.455 0.047 62.5)
- OKLab
- oklab(0.455 0.022 0.042)
- CIE Lab
- lab(36.69 8.43 17.18)
- LCH
- lch(36.69 19.13 63.9)
- CMYK
- cmyk(0% 24% 44% 58%)
Tints · Shades · Tones
Tints
- 78614D
- 86715F
- 958272
- A39385
- B2A498
- C1B6AC
- D0C8C0
- E0DAD5
- EFECEA
Shades
- 5B4532
- 4D3A29
- 3F2F21
- 312419
- 241A11
- 181009
- 0D0704
- 040201
- 000000
Tones
- 6C5642
- 6F5A49
- 715F50
- 736456
- 75685D
- 786D64
- 7A726B
- 7C7772
- 7E7B79
Color harmonies
Complementary +180°
- 6A513B
Coffee Liqueur
- 3F5A6F
≈ Infinite Deep Sea
Analogous -30° +30°
- 6A513B
Coffee Liqueur
- 6F4D46
≈ Chocolate Sprinkle
- 605638
≈ Olive Bark
Triadic +120° +240°
- 6A513B
Coffee Liqueur
- 376059
≈ Royal Pine
- 5C516D
≈ Blackcurrant Elixir
Split-complementary +150° +210°
- 6A513B
Coffee Liqueur
- 355E66
≈ Under the Sea
- 4D5572
≈ Steadfast
Tetradic +90° +180° +270°
- 6A513B
Coffee Liqueur
- 425F4A
≈ Windy Pine
- 3F5A6F
≈ Infinite Deep Sea
- 674D62
≈ Vicarious Violet
Contrast & accessibility
Ag
AAAOn white
WCAG 7.36:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.85:1 · APCA Lc 17
Best text color: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--coffee-liqueur: #6a513b;
--coffee-liqueur-rgb: 106 81 59;
--coffee-liqueur-oklch: oklch(0.455 0.047 62.5);
}
.element {
color: var(--coffee-liqueur);
background-color: hsl(28 28% 32%);
border-color: oklch(0.455 0.047 62.5);
}Tailwind CSS v4
@theme {
--color-coffee-liqueur: #6a513b;
--color-coffee-liqueur-50: #fff3e7;
--color-coffee-liqueur-100: #f4e5d8;
--color-coffee-liqueur-200: #e3d1c0;
--color-coffee-liqueur-300: #c9b39f;
--color-coffee-liqueur-400: #b39982;
--color-coffee-liqueur-500: #9d8066;
--color-coffee-liqueur-600: #856c57;
--color-coffee-liqueur-700: #6b5645;
--color-coffee-liqueur-800: #4f3f32;
--color-coffee-liqueur-900: #372b22;
--color-coffee-liqueur-950: #221811;
}SCSS
$coffee-liqueur: #6a513b;
$coffee-liqueur-rgb: 106, 81, 59;
$coffee-liqueur-light: mix(#fff, $coffee-liqueur, 20%);
$coffee-liqueur-dark: mix(#000, $coffee-liqueur, 20%);
.element {
color: $coffee-liqueur;
box-shadow: 0 0 0 2px rgba($coffee-liqueur, 0.35);
}