#BCAA98#BCAA98

#BCAA98 es un color claro y apagado de la familia naranja. Luminancia relativa 0.417; OKLCH L 74.9% C 0.033 H 67.3°. El mejor color de texto es #000000 con contraste 9.34:1 (cumple WCAG AA).

Valores del color

HEX#BCAA98
RGBrgb(188, 170, 152)
HSLhsl(30, 21%, 67%)
HSVhsv(30, 19%, 74%)
CMYKcmyk(0%, 9.6%, 19.1%, 26.3%)
CIE-LABlab(70.67, 3.54, 11.65)
CIE-LCHlch(70.67, 12.17, 73.08°)
OKLaboklab(74.85% 0.0126 0.0302)
OKLCHoklch(74.85% 0.033 67.3)
XYZxyz(40.7812, 41.7088, 35.6020)
Luminance0.4171 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BCAA98 #98AABC
analogous
#BC9898 #BCAA98 #BCBC98
triadic
#BCAA98 #98BCAA #AA98BC
tetradic
#BCAA98 #98BC98 #98AABC #BC98BC
square
#BCAA98 #98BC98 #98AABC #BC98BC
split-complementary
#BCAA98 #98BCBC #9898BC
monochromatic
#846D56 #A48B73 #BCAA98 #D4C9BD #ECE7E2

Accesibilidad y contraste

On white

2.25
#BCAA98 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.34
#BCAA98 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BCAA98
9.34:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BCAA98#FFFFFF#000000##000000
##BCAA981.002.259.349.34
#FFFFFF2.251.0021.0021.00
#0000009.3421.001.001.00
##0000009.3421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B0AB97
Deuteranopia (green-blind)
#B4AF98
Tritanopia (blue-blind)
#C3A6A5
Achromatopsia (no color)
#ADADAD

Tokens de diseño y código

CSS
--color: #bcaa98;
/* rgb */ color: rgb(188, 170, 152);
/* oklch */ color: oklch(74.9% 0.033 67.3);
Tailwind
colors: {
  custom: {
    50: '#d0c3b6',
    500: '#bcaa98',
    950: '#000000',
  },
}
SCSS
$custom: #bcaa98;
$custom-light: #d0c3b6;
$custom-dark: #000000;
JSON
{
  "hex": "#bcaa98",
  "rgb": {
    "r": 188,
    "g": 170,
    "b": 152
  },
  "hsl": {
    "h": 30,
    "s": 21.176,
    "l": 66.667
  },
  "oklch": {
    "l": 0.74851,
    "c": 0.03274,
    "h": 67.3
  },
  "luminance": 0.41708
}

Semantic roles & 50–950 ramp

primary
#BCAA98
secondary
#D2D8DE
accent
#73A046
background
#FCFBFB
surface
#F9F7F6
border
#D2D0D0
text
#141211
muted
#828180

Laboratorio de vista previa

Vista previa con #BCAA98

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

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

#BCAA98 — Tintiva