Color con nombre · #B37084
Tapestry
Tapestry es #B37084: rgb(179 112 132), hsl(342 31% 57%), oklch(0.623 0.088 0.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tapestry color name →
#B37084
oklch(0.623 0.088 0.6)
Conversiones de color
- HEX
- #b37084
- RGB
- rgb(179 112 132)
- HSL
- hsl(342 31% 57%)
- HWB
- hwb(342 44% 30%)
- OKLCH
- oklch(0.623 0.088 0.6)
- OKLab
- oklab(0.623 0.088 0.001)
- CIE Lab
- lab(55.12 29.21 0.73)
- LCH
- lch(55.12 29.22 1.4)
- CMYK
- cmyk(0% 37% 26% 30%)
Tintes · Sombras · Tonos
Tintes
- BB7E90
- C38C9B
- CB9AA7
- D3A8B3
- DBB6C0
- E2C4CC
- EAD3D9
- F1E1E5
- F8F0F2
Sombras
- 9B6072
- 845160
- 6E434F
- 58353F
- 43272F
- 2F1A20
- 1D0E12
- 0C0406
- 010101
Tonos
- AE7284
- AA7483
- A57683
- A07782
- 9B7982
- 967A82
- 917C81
- 8B7D81
- 867F80
Armonías de color
Complementario +180°
- B37084
Tapestry
- 3F988A
≈ Temple Guard Blue
Análogo -30° +30°
- B37084
Tapestry
- A673A0
≈ Long Forgotten Purple
- B67266
≈ Morocco
Triádico +120° +240°
- B37084
Tapestry
- 7F8F51
≈ Camo
- 538EB7
≈ Alpha Blue
Complementario dividido +150° +210°
- B37084
Tapestry
- 5E966B
≈ Endless
- 3995A5
≈ Aqua Dance
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.77:1 · APCA Lc 65
Ag
AASobre negro
WCAG 5.56:1 · APCA Lc 37
Mejor color de texto: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Fragmentos de código
CSS
:root {
--tapestry: #b37084;
--tapestry-rgb: 179 112 132;
--tapestry-oklch: oklch(0.623 0.088 0.6);
}
.element {
color: var(--tapestry);
background-color: hsl(342 31% 57%);
border-color: oklch(0.623 0.088 0.6);
}Tailwind CSS v4
@theme {
--color-tapestry: #b37084;
--color-tapestry-50: #ffebf3;
--color-tapestry-100: #ffdce5;
--color-tapestry-200: #f6c5d1;
--color-tapestry-300: #dfa5b3;
--color-tapestry-400: #ca899c;
--color-tapestry-500: #b66d83;
--color-tapestry-600: #9a5c6f;
--color-tapestry-700: #7b4a59;
--color-tapestry-800: #5b3542;
--color-tapestry-900: #40242d;
--color-tapestry-950: #28131a;
}SCSS
$tapestry: #b37084;
$tapestry-rgb: 179, 112, 132;
$tapestry-light: mix(#fff, $tapestry, 20%);
$tapestry-dark: mix(#000, $tapestry, 20%);
.element {
color: $tapestry;
box-shadow: 0 0 0 2px rgba($tapestry, 0.35);
}