#D1BFB4#D1BFB4

#D1BFB4 es un color claro y apagado de la familia naranja. Luminancia relativa 0.541; OKLCH L 81.7% C 0.026 H 53.6°. El mejor color de texto es #000000 con contraste 11.82:1 (cumple WCAG AA).

Valores del color

HEX#D1BFB4
RGBrgb(209, 191, 180)
HSLhsl(23, 24%, 76%)
HSVhsv(23, 14%, 82%)
CMYKcmyk(0%, 8.6%, 13.9%, 18%)
CIE-LABlab(78.53, 4.52, 7.84)
CIE-LCHlch(78.53, 9.05, 60.06°)
OKLaboklab(81.66% 0.0152 0.0206)
OKLCHoklch(81.66% 0.026 53.6)
XYZxyz(53.1630, 54.1132, 50.8155)
Luminance0.5411 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#D1BFB4 #B4C6D1
analogous
#D1B4B8 #D1BFB4 #D1CEB4
triadic
#D1BFB4 #B4D1BF #BFB4D1
tetradic
#D1BFB4 #B8D1B4 #B4C6D1 #CEB4D1
square
#D1BFB4 #B8D1B4 #B4C6D1 #CEB4D1
split-complementary
#D1BFB4 #B4D1CE #B4B8D1
monochromatic
#A27E68 #BA9F8E #D1BFB4 #E8DFDA #F3EFEC

Accesibilidad y contraste

On white

1.78
#D1BFB4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.82
#D1BFB4 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #D1BFB4
11.82:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##D1BFB4#FFFFFF#000000##000000
##D1BFB41.001.7811.8211.82
#FFFFFF1.781.0021.0021.00
#00000011.8221.001.001.00
##00000011.8221.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C4C0B3
Deuteranopia (green-blind)
#C8C4B4
Tritanopia (blue-blind)
#D7BCBC
Achromatopsia (no color)
#C2C2C2

Tokens de diseño y código

CSS
--color: #d1bfb4;
/* rgb */ color: rgb(209, 191, 180);
/* oklch */ color: oklch(81.7% 0.026 53.6);
Tailwind
colors: {
  custom: {
    50: '#dfd2ca',
    500: '#d1bfb4',
    950: '#000000',
  },
}
SCSS
$custom: #d1bfb4;
$custom-light: #dfd2ca;
$custom-dark: #000000;
JSON
{
  "hex": "#d1bfb4",
  "rgb": {
    "r": 209,
    "g": 191,
    "b": 180
  },
  "hsl": {
    "h": 22.759,
    "s": 23.967,
    "l": 76.275
  },
  "oklch": {
    "l": 0.81662,
    "c": 0.02555,
    "h": 53.6
  },
  "luminance": 0.54112
}

Semantic roles & 50–950 ramp

primary
#D1BFB4
secondary
#8399A6
accent
#7EA243
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#151413
muted
#848382

Laboratorio de vista previa

Vista previa con #D1BFB4

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

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

#D1BFB4 — Tintiva