Cor nomeada · #6C5B4C
Domino
Domino é #6C5B4C: rgb(108 91 76), hsl(28 17% 36%), oklch(0.484 0.032 63.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Domino color name →
#6C5B4C
oklch(0.484 0.032 63.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 7A6A5C
- 88796D
- 96897E
- A4998F
- B3A9A1
- C2BAB3
- D1CBC6
- E0DCD9
- EFEDEC
Sombras
- 5D4E41
- 4E4136
- 40352C
- 322922
- 251E18
- 19130F
- 0D0906
- 040302
- 000000
Tons
- 6E5F51
- 706256
- 72665B
- 746A61
- 766D66
- 78716B
- 7A7570
- 7C7975
- 7E7C7B
Harmonias de cor
Complementar +180°
- 6C5B4C
Domino
- 4F6170
≈ Sheet Blue
Análoga -30° +30°
- 6C5B4C
Domino
- 705853
≈ Beechwood
- 655F4A
≈ Squirrel’s Nest
Tríade +120° +240°
- 6C5B4C
Domino
- 4A6560
≈ Grand Prix
- 625A6E
≈ Luscious Purple
Complementar dividida +150° +210°
- 6C5B4C
Domino
- 4A646A
≈ Deep Space Sparkle
- 585E71
≈ Suede Indigo
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.48:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.23:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
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);
}