#DFB674#DFB674

#DFB674 es un color claro y moderadamente saturado de la familia naranja. Luminancia relativa 0.504; OKLCH L 79.8% C 0.096 H 78.6°. El mejor color de texto es #000000 con contraste 11.08:1 (cumple WCAG AA).

Valores del color

HEX	#DFB674
RGB	rgb(223, 182, 116)
HSL	hsl(37, 63%, 66%)
HSV	hsv(37, 48%, 87%)
CMYK	cmyk(0%, 18.4%, 48%, 12.5%)
CIE-LAB	lab(76.32, 6.54, 39.03)
CIE-LCH	lch(76.32, 39.58, 80.48°)
OKLab	oklab(79.83% 0.019 0.0945)
OKLCH	oklch(79.83% 0.096 78.6)
XYZ	xyz(50.3137, 50.4075, 23.5991)
Luminance	0.5040 (WCAG relative)
Temperature	warm
Family	orange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#DFB674 #749DDF

analogous

#DF8174 #DFB674 #D3DF74

triadic

#DFB674 #74DFB6 #B674DF

tetradic

#DFB674 #74DF81 #749DDF #DF74D3

square

#DFB674 #74DF81 #749DDF #DF74D3

split-complementary

#DFB674 #74D3DF #8174DF

monochromatic

#B07C29 #D49C42 #DFB674 #EAD0A6 #F6EAD7

Accesibilidad y contraste

On white

1.90

#DFB674 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.08

#DFB674 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #DFB674

11.08:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##DFB674	#FFFFFF	#000000	##000000
##DFB674	1.00	1.90	11.08	11.08
#FFFFFF	1.90	1.00	21.00	21.00
#000000	11.08	21.00	1.00	1.00
##000000	11.08	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#C7B66F

Deuteranopia (green-blind)

#D0C076

Tritanopia (blue-blind)

#EFAAA6

Achromatopsia (no color)

#BCBCBC

Tokens de diseño y código

CSS

--color: #dfb674;
/* rgb */ color: rgb(223, 182, 116);
/* oklch */ color: oklch(79.8% 0.096 78.6);

Tailwind

colors: {
  custom: {
    50: '#ebcb9d',
    500: '#dfb674',
    950: '#000000',
  },
}

SCSS

$custom: #dfb674;
$custom-light: #ebcb9d;
$custom-dark: #000000;

JSON

{
  "hex": "#dfb674",
  "rgb": {
    "r": 223,
    "g": 182,
    "b": 116
  },
  "hsl": {
    "h": 37.009,
    "s": 62.573,
    "l": 66.471
  },
  "oklch": {
    "l": 0.79831,
    "c": 0.09639,
    "h": 78.6
  },
  "luminance": 0.50405
}

Semantic roles & 50–950 ramp

primary

#DFB674

secondary

#456FB2

accent

#5ECA1B

background

#FFFDFC

surface

#FEF9F5

border

#D6D2CF

text

#16130E

muted

#85827F

Laboratorio de vista previa

Vista previa con #DFB674

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

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