#5FCA82#5FCA82

#5FCA82 es un color claro y vivo de la familia verde. Luminancia relativa 0.463; OKLCH L 75.7% C 0.144 H 152.2°. El mejor color de texto es #000000 con contraste 10.26:1 (cumple WCAG AA).

Valores del color

HEX#5FCA82
RGBrgb(95, 202, 130)
HSLhsl(140, 50%, 58%)
HSVhsv(140, 53%, 79%)
CMYKcmyk(53%, 0%, 35.6%, 20.8%)
CIE-LABlab(73.73, -46.83, 26.81)
CIE-LCHlch(73.73, 53.96, 150.21°)
OKLaboklab(75.73% -0.1272 0.0672)
OKLCHoklch(75.73% 0.144 152.2)
XYZxyz(29.8669, 46.2831, 28.4744)
Luminance0.4629 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#5FCA82 #CA5FA7
analogous
#71CA5F #5FCA82 #5FCAB7
triadic
#5FCA82 #825FCA #CA825F
tetradic
#5FCA82 #5F71CA #CA5FA7 #CAB75F
square
#5FCA82 #5F71CA #CA5FA7 #CAB75F
split-complementary
#5FCA82 #B75FCA #CA5F71
monochromatic
#2B8348 #3BB161 #5FCA82 #8DD9A6 #BBE8CA

Accesibilidad y contraste

On white

2.05
#5FCA82 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.26
#5FCA82 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #5FCA82
10.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##5FCA82#FFFFFF#000000##000000
##5FCA821.002.0510.2610.26
#FFFFFF2.051.0021.0021.00
#00000010.2621.001.001.00
##00000010.2621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#CABB7D
Deuteranopia (green-blind)
#BBB186
Tritanopia (blue-blind)
#44C7B8
Achromatopsia (no color)
#B5B5B5

Tokens de diseño y código

CSS
--color: #5fca82;
/* rgb */ color: rgb(95, 202, 130);
/* oklch */ color: oklch(75.7% 0.144 152.2);
Tailwind
colors: {
  custom: {
    50: '#94dba7',
    500: '#5fca82',
    950: '#000000',
  },
}
SCSS
$custom: #5fca82;
$custom-light: #94dba7;
$custom-dark: #000000;
JSON
{
  "hex": "#5fca82",
  "rgb": {
    "r": 95,
    "g": 202,
    "b": 130
  },
  "hsl": {
    "h": 139.626,
    "s": 50.235,
    "l": 58.235
  },
  "oklch": {
    "l": 0.75732,
    "c": 0.14386,
    "h": 152.2
  },
  "luminance": 0.46286
}

Semantic roles & 50–950 ramp

primary
#5FCA82
secondary
#D8ADCA
accent
#4EACDA
background
#F9FDFA
surface
#F2FBF4
border
#CCD4CE
text
#0E150F
muted
#7E837F

Laboratorio de vista previa

Vista previa con #5FCA82

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

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

#5FCA82 — Tintiva