#FFF189#FFF189

#FFF189 es un color muy claro y vivo de la familia amarillo. Luminancia relativa 0.860; OKLCH L 94.8% C 0.126 H 101.7°. El mejor color de texto es #000000 con contraste 18.20:1 (cumple WCAG AA).

Valores del color

HEX#FFF189
RGBrgb(255, 241, 137)
HSLhsl(53, 100%, 77%)
HSVhsv(53, 46%, 100%)
CMYKcmyk(0%, 5.5%, 46.3%, 0%)
CIE-LABlab(94.30, -8.91, 51.64)
CIE-LCHlch(94.30, 52.40, 99.79°)
OKLaboklab(94.78% -0.0256 0.1237)
OKLCHoklch(94.78% 0.126 101.7)
XYZxyz(77.2126, 85.9792, 36.1904)
Luminance0.8598 (WCAG relative)
Temperaturewarm
Familyyellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#FFF189 #8997FF
analogous
#FFB689 #FFF189 #D2FF89
triadic
#FFF189 #89FFF1 #F189FF
tetradic
#FFF189 #89FFB6 #8997FF #FF89D2
square
#FFF189 #89FFB6 #8997FF #FF89D2
split-complementary
#FFF189 #89D2FF #B689FF
monochromatic
#FFE20F #FFEA4C #FFF189 #FFF8C6 #FFFBE0

Accesibilidad y contraste

On white

1.15
#FFF189 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.20
#FFF189 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FFF189
18.20:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##FFF189#FFFFFF#000000##000000
##FFF1891.001.1518.2018.20
#FFFFFF1.151.0021.0021.00
#00000018.2021.001.001.00
##00000018.2021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FFEB80
Deuteranopia (green-blind)
#FFF18D
Tritanopia (blue-blind)
#FFE4D8
Achromatopsia (no color)
#EFEFEF

Tokens de diseño y código

CSS
--color: #fff189;
/* rgb */ color: rgb(255, 241, 137);
/* oklch */ color: oklch(94.8% 0.126 101.7);
Tailwind
colors: {
  custom: {
    50: '#fff5ad',
    500: '#fff189',
    950: '#000000',
  },
}
SCSS
$custom: #fff189;
$custom-light: #fff5ad;
$custom-dark: #000000;
JSON
{
  "hex": "#fff189",
  "rgb": {
    "r": 255,
    "g": 241,
    "b": 137
  },
  "hsl": {
    "h": 52.881,
    "s": 100,
    "l": 76.863
  },
  "oklch": {
    "l": 0.94781,
    "c": 0.12631,
    "h": 101.7
  },
  "luminance": 0.85977
}

Semantic roles & 50–950 ramp

primary
#FFF189
secondary
#4D5EE0
accent
#1BE600
background
#FFFFFD
surface
#FFFEF7
border
#D7D6D0
text
#181710
muted
#868581

Laboratorio de vista previa

Vista previa con #FFF189

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

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

#FFF189 — Tintiva