Color con nombre más cercano · #B99373
#B99373
Color con nombre más cercano: Macaroon
#B99373 (rgb(185 147 115), hsl(27 33% 59%), oklch(0.691 0.064 61.6)) se parece más al color con nombre Macaroon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B99373
oklch(0.691 0.064 61.6)
Conversiones de color
- HEX
- #b99373
- RGB
- rgb(185 147 115)
- HSL
- hsl(27 33% 59%)
- HWB
- hwb(27 45% 27%)
- OKLCH
- oklch(0.691 0.064 61.6)
- OKLab
- oklab(0.691 0.03 0.056)
- CIE Lab
- lab(63.96 11.49 22.7)
- LCH
- lch(63.96 25.44 63.2)
- CMYK
- cmyk(0% 21% 38% 27%)
Tintes · Sombras · Tonos
Tintes
- C09D81
- C7A88E
- CEB39C
- D5BDAA
- DCC8B8
- E3D3C6
- EADED4
- F1E9E2
- F8F4F0
Sombras
- A07F63
- 896C54
- 715945
- 5B4736
- 463628
- 31251B
- 1E160F
- 0D0805
- 020101
Tonos
- B39175
- AE8F76
- A88E78
- A28C79
- 9D8A7A
- 97887C
- 91867D
- 8B847E
- 86827F
Armonías de color
Complementario +180°
- B99373
Macaroon
- 78A1C0
≈ Afloat
Análogo -30° +30°
- B99373
Macaroon
- C08D83
≈ Ceremonial Ochre
- AA9B6E
≈ Sunbaked Adobe
Triádico +120° +240°
- B99373
Macaroon
- 6EA99E
≈ Twining Vine
- A293BD
≈ Chive Flower
Complementario dividido +150° +210°
- B99373
Macaroon
- 6BA7B2
≈ Summer Sea
- 8D9AC4
≈ Manifest Destiny
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--macaroon: #b99373;
--macaroon-rgb: 185 147 115;
--macaroon-oklch: oklch(0.691 0.064 61.6);
}
.element {
color: var(--macaroon);
background-color: hsl(27 33% 59%);
border-color: oklch(0.691 0.064 61.6);
}Tailwind CSS v4
@theme {
--color-macaroon: #b99373;
--color-macaroon-50: #fff2e3;
--color-macaroon-100: #f8e4d2;
--color-macaroon-200: #e9cfb9;
--color-macaroon-300: #cfb196;
--color-macaroon-400: #bb9678;
--color-macaroon-500: #a57d5a;
--color-macaroon-600: #8c6a4d;
--color-macaroon-700: #70543d;
--color-macaroon-800: #533d2c;
--color-macaroon-900: #3a2a1d;
--color-macaroon-950: #24180d;
}SCSS
$macaroon: #b99373;
$macaroon-rgb: 185, 147, 115;
$macaroon-light: mix(#fff, $macaroon, 20%);
$macaroon-dark: mix(#000, $macaroon, 20%);
.element {
color: $macaroon;
box-shadow: 0 0 0 2px rgba($macaroon, 0.35);
}