#BB6A64#BB6A64

#BB6A64 es un color medio y moderadamente saturado de la familia rojo. Luminancia relativa 0.218; OKLCH L 61.4% C 0.105 H 25.0°. El mejor color de texto es #000000 con contraste 5.36:1 (cumple WCAG AA).

Valores del color

HEX#BB6A64
RGBrgb(187, 106, 100)
HSLhsl(4, 39%, 56%)
HSVhsv(4, 47%, 73%)
CMYKcmyk(0%, 43.3%, 46.5%, 26.7%)
CIE-LABlab(53.81, 31.59, 17.55)
CIE-LCHlch(53.81, 36.14, 29.06°)
OKLaboklab(61.38% 0.0947 0.0442)
OKLCHoklch(61.38% 0.105 25)
XYZxyz(27.9495, 21.7956, 14.7891)
Luminance0.2179 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BB6A64 #64B5BB
analogous
#BB648A #BB6A64 #BB9664
triadic
#BB6A64 #64BB6A #6A64BB
tetradic
#BB6A64 #8ABB64 #64B5BB #9664BB
square
#BB6A64 #8ABB64 #64B5BB #9664BB
split-complementary
#BB6A64 #64BB96 #648ABB
monochromatic
#723732 #9D4B45 #BB6A64 #CE938F #E0BCB9

Accesibilidad y contraste

On white

3.92
#BB6A64 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.36
#BB6A64 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #BB6A64
5.36:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BB6A64#FFFFFF#000000##000000
##BB6A641.003.925.365.36
#FFFFFF3.921.0021.0021.00
#0000005.3621.001.001.00
##0000005.3621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#7C7763
Deuteranopia (green-blind)
#908763
Tritanopia (blue-blind)
#CA5F69
Achromatopsia (no color)
#818181

Tokens de diseño y código

CSS
--color: #bb6a64;
/* rgb */ color: rgb(187, 106, 100);
/* oklch */ color: oklch(61.4% 0.105 25.0);
Tailwind
colors: {
  custom: {
    50: '#d39690',
    500: '#bb6a64',
    950: '#000000',
  },
}
SCSS
$custom: #bb6a64;
$custom-light: #d39690;
$custom-dark: #000000;
JSON
{
  "hex": "#bb6a64",
  "rgb": {
    "r": 187,
    "g": 106,
    "b": 100
  },
  "hsl": {
    "h": 4.138,
    "s": 39.013,
    "l": 56.275
  },
  "oklch": {
    "l": 0.61384,
    "c": 0.10453,
    "h": 25
  },
  "luminance": 0.21793
}

Semantic roles & 50–950 ramp

primary
#BB6A64
secondary
#ABCDCF
accent
#C7CF59
background
#FDF9F8
surface
#FAF2F0
border
#D3CCCB
text
#150D0C
muted
#837E7D

Laboratorio de vista previa

Vista previa con #BB6A64

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#BB6A64 — Tintiva