#FBDF62#FBDF62

#FBDF62 es un color muy claro y vivo de la familia amarillo. Luminancia relativa 0.742; OKLCH L 90.4% C 0.146 H 96.7°. El mejor color de texto es #000000 con contraste 15.83:1 (cumple WCAG AA).

Valores del color

HEX	#FBDF62
RGB	rgb(251, 223, 98)
HSL	hsl(49, 95%, 68%)
HSV	hsv(49, 61%, 98%)
CMYK	cmyk(0%, 11.2%, 61%, 1.6%)
CIE-LAB	lab(89.00, -4.58, 63.21)
CIE-LCH	lch(89.00, 63.37, 94.14°)
OKLab	oklab(90.37% -0.017 0.145)
OKLCH	oklch(90.37% 0.146 96.7)
XYZ	xyz(68.3789, 74.1696, 22.2673)
Luminance	0.7417 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#FBDF62 #627EFB

analogous

#FB9262 #FBDF62 #CAFB62

triadic

#FBDF62 #62FBDF #DF62FB

tetradic

#FBDF62 #62FB92 #627EFB #FB62CA

square

#FBDF62 #62FB92 #627EFB #FB62CA

split-complementary

#FBDF62 #62CAFB #9262FB

monochromatic

#DDB606 #F9D326 #FBDF62 #FDEB9E #FEF7D9

Accesibilidad y contraste

On white

1.33

#FBDF62 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.83

#FBDF62 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FBDF62

15.83:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##FBDF62	#FFFFFF	#000000	##000000
##FBDF62	1.00	1.33	15.83	15.83
#FFFFFF	1.33	1.00	21.00	21.00
#000000	15.83	21.00	1.00	1.00
##000000	15.83	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#F3DA54

Deuteranopia (green-blind)

#FBE468

Tritanopia (blue-blind)

#FFD0C4

Achromatopsia (no color)

#E0E0E0

Tokens de diseño y código

CSS

--color: #fbdf62;
/* rgb */ color: rgb(251, 223, 98);
/* oklch */ color: oklch(90.4% 0.146 96.7);

Tailwind

colors: {
  custom: {
    50: '#ffe893',
    500: '#fbdf62',
    950: '#000000',
  },
}

SCSS

$custom: #fbdf62;
$custom-light: #ffe893;
$custom-dark: #000000;

JSON

{
  "hex": "#fbdf62",
  "rgb": {
    "r": 251,
    "g": 223,
    "b": 98
  },
  "hsl": {
    "h": 49.02,
    "s": 95.031,
    "l": 68.431
  },
  "oklch": {
    "l": 0.90367,
    "c": 0.14601,
    "h": 96.7
  },
  "luminance": 0.74166
}

Semantic roles & 50–950 ramp

primary

#FBDF62

secondary

#2D4BD5

accent

#2AE600

background

#FFFEFC

surface

#FFFCF4

border

#D7D5CE

text

#18160D

muted

#86847F

Laboratorio de vista previa

Vista previa con #FBDF62

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

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