Color con nombre · #4C3D4E
Bossa Nova
Bossa Nova es #4C3D4E: rgb(76 61 78), hsl(293 12% 27%), oklch(0.382 0.035 322.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Bossa Nova color name →
#4C3D4E
oklch(0.382 0.035 322.4)
Conversiones de color
- HEX
- #4c3d4e
- RGB
- rgb(76 61 78)
- HSL
- hsl(293 12% 27%)
- HWB
- hwb(293 24% 69%)
- OKLCH
- oklch(0.382 0.035 322.4)
- OKLab
- oklab(0.382 0.027 -0.021)
- CIE Lab
- lab(27.89 9.39 -7.79)
- LCH
- lch(27.89 12.2 320.3)
- CMYK
- cmyk(3% 22% 0% 69%)
Tintes · Sombras · Tonos
Tintes
- 5C4E5E
- 6D606E
- 7E727F
- 8F8591
- A198A2
- B3ACB4
- C6C0C6
- D8D5D9
- ECEAEC
Sombras
- 413443
- 362B38
- 2C222D
- 221A23
- 181219
- 0F0A0F
- 060407
- 020102
- 000000
Tonos
- 514353
- 564A58
- 5B505D
- 605762
- 665E67
- 6B646C
- 706B71
- 757276
- 7B797B
Armonías de color
Complementario +180°
- 4C3D4E
Bossa Nova
- 394837
≈ Copper Pyrite Green
Análogo -30° +30°
- 4C3D4E
Bossa Nova
- 434054
≈ Artistic Licence
- 523C45
≈ Indulgence
Triádico +120° +240°
- 4C3D4E
Bossa Nova
- 4C412E
≈ Vermilion Green
- 2C494B
≈ Delta Green
Complementario dividido +150° +210°
- 4C3D4E
Bossa Nova
- 434530
≈ Country House Green
- 304941
≈ Rich Grey Turquoise
Tetrádico +90° +180° +270°
- 4C3D4E
Bossa Nova
- 523E32
≈ Liver Brown
- 394837
≈ Copper Pyrite Green
- 304652
≈ Gale Force
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.07:1 · APCA Lc 93
Ag
FailSobre negro
WCAG 2.08:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--bossa-nova: #4c3d4e;
--bossa-nova-rgb: 76 61 78;
--bossa-nova-oklch: oklch(0.382 0.035 322.4);
}
.element {
color: var(--bossa-nova);
background-color: hsl(293 12% 27%);
border-color: oklch(0.382 0.035 322.4);
}Tailwind CSS v4
@theme {
--color-bossa-nova: #4c3d4e;
--color-bossa-nova-50: #faf2fb;
--color-bossa-nova-100: #eee4ee;
--color-bossa-nova-200: #dccfdd;
--color-bossa-nova-300: #c1b2c1;
--color-bossa-nova-400: #a998ab;
--color-bossa-nova-500: #917f94;
--color-bossa-nova-600: #7b6b7d;
--color-bossa-nova-700: #625664;
--color-bossa-nova-800: #483f4a;
--color-bossa-nova-900: #322b33;
--color-bossa-nova-950: #1e181f;
}SCSS
$bossa-nova: #4c3d4e;
$bossa-nova-rgb: 76, 61, 78;
$bossa-nova-light: mix(#fff, $bossa-nova, 20%);
$bossa-nova-dark: mix(#000, $bossa-nova, 20%);
.element {
color: $bossa-nova;
box-shadow: 0 0 0 2px rgba($bossa-nova, 0.35);
}