#DBCF3B#DBCF3B

#DBCF3B es un color muy claro y vivo de la familia amarillo. Luminancia relativa 0.600; OKLCH L 83.9% C 0.160 H 104.6°. El mejor color de texto es #000000 con contraste 13.00:1 (cumple WCAG AA).

Valores del color

HEX	#DBCF3B
RGB	rgb(219, 207, 59)
HSL	hsl(56, 69%, 55%)
HSV	hsv(56, 73%, 86%)
CMYK	cmyk(0%, 5.5%, 73.1%, 14.1%)
CIE-LAB	lab(81.84, -11.95, 70.30)
CIE-LCH	lch(81.84, 71.31, 99.65°)
OKLab	oklab(83.94% -0.0404 0.1548)
OKLCH	oklch(83.94% 0.16 104.6)
XYZ	xyz(52.3179, 60.0036, 12.9628)
Luminance	0.6000 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#DBCF3B #3B47DB

analogous

#DB7F3B #DBCF3B #97DB3B

triadic

#DBCF3B #3BDBCF #CF3BDB

tetradic

#DBCF3B #3BDB7F #3B47DB #DB3B97

square

#DBCF3B #3BDB7F #3B47DB #DB3B97

split-complementary

#DBCF3B #3B97DB #7F3BDB

monochromatic

#837B18 #B7AC22 #DBCF3B #E4DC6F #EEE8A2

Accesibilidad y contraste

On white

1.62

#DBCF3B on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.00

#DBCF3B on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #DBCF3B

13.00:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##DBCF3B	#FFFFFF	#000000	##000000
##DBCF3B	1.00	1.62	13.00	13.00
#FFFFFF	1.62	1.00	21.00	21.00
#000000	13.00	21.00	1.00	1.00
##000000	13.00	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E1C81E

Deuteranopia (green-blind)

#E5CE46

Tritanopia (blue-blind)

#EBC1B3

Achromatopsia (no color)

#CBCBCB

Tokens de diseño y código

CSS

--color: #dbcf3b;
/* rgb */ color: rgb(219, 207, 59);
/* oklch */ color: oklch(83.9% 0.160 104.6);

Tailwind

colors: {
  custom: {
    50: '#eadd7b',
    500: '#dbcf3b',
    950: '#000000',
  },
}

SCSS

$custom: #dbcf3b;
$custom-light: #eadd7b;
$custom-dark: #000000;

JSON

{
  "hex": "#dbcf3b",
  "rgb": {
    "r": 219,
    "g": 207,
    "b": 59
  },
  "hsl": {
    "h": 55.5,
    "s": 68.966,
    "l": 54.51
  },
  "oklch": {
    "l": 0.83936,
    "c": 0.15999,
    "h": 104.6
  },
  "luminance": 0.60001
}

Semantic roles & 50–950 ramp

primary

#DBCF3B

secondary

#30378A

accent

#49EC3C

background

#FFFEFB

surface

#FEFCF2

border

#D6D5CC

text

#17150A

muted

#85847D

Laboratorio de vista previa

Vista previa con #DBCF3B

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

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