Named color · #6C5B4C
Domino
Domino is #6C5B4C: rgb(108 91 76), hsl(28 17% 36%), oklch(0.484 0.032 63.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Domino color name →
#6C5B4C
oklch(0.484 0.032 63.4)
Color conversions
- HEX
- #6c5b4c
- RGB
- rgb(108 91 76)
- HSL
- hsl(28 17% 36%)
- HWB
- hwb(28 30% 58%)
- OKLCH
- oklch(0.484 0.032 63.4)
- OKLab
- oklab(0.484 0.014 0.029)
- CIE Lab
- lab(40.04 5.29 11.39)
- LCH
- lch(40.04 12.56 65.1)
- CMYK
- cmyk(0% 16% 30% 58%)
Tints · Shades · Tones
Tints
- 7A6A5C
- 88796D
- 96897E
- A4998F
- B3A9A1
- C2BAB3
- D1CBC6
- E0DCD9
- EFEDEC
Shades
- 5D4E41
- 4E4136
- 40352C
- 322922
- 251E18
- 19130F
- 0D0906
- 040302
- 000000
Tones
- 6E5F51
- 706256
- 72665B
- 746A61
- 766D66
- 78716B
- 7A7570
- 7C7975
- 7E7C7B
Color harmonies
Complementary +180°
- 6C5B4C
Domino
- 4F6170
≈ Sheet Blue
Analogous -30° +30°
- 6C5B4C
Domino
- 705853
≈ Beechwood
- 655F4A
≈ Squirrel’s Nest
Triadic +120° +240°
- 6C5B4C
Domino
- 4A6560
≈ Grand Prix
- 625A6E
≈ Luscious Purple
Split-complementary +150° +210°
- 6C5B4C
Domino
- 4A646A
≈ Deep Space Sparkle
- 585E71
≈ Suede Indigo
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.48:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.23:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--domino: #6c5b4c;
--domino-rgb: 108 91 76;
--domino-oklch: oklch(0.484 0.032 63.4);
}
.element {
color: var(--domino);
background-color: hsl(28 17% 36%);
border-color: oklch(0.484 0.032 63.4);
}Tailwind CSS v4
@theme {
--color-domino: #6c5b4c;
--color-domino-50: #fcf3ec;
--color-domino-100: #f0e6dd;
--color-domino-200: #ded2c6;
--color-domino-300: #c3b4a7;
--color-domino-400: #ad9b8b;
--color-domino-500: #968271;
--color-domino-600: #7f6e5f;
--color-domino-700: #66584c;
--color-domino-800: #4b4037;
--color-domino-900: #342c26;
--color-domino-950: #1f1914;
}SCSS
$domino: #6c5b4c;
$domino-rgb: 108, 91, 76;
$domino-light: mix(#fff, $domino, 20%);
$domino-dark: mix(#000, $domino, 20%);
.element {
color: $domino;
box-shadow: 0 0 0 2px rgba($domino, 0.35);
}