#3CD550#3CD550

#3CD550 es un color claro y muy saturado de la familia verde. Luminancia relativa 0.491; OKLCH L 76.7% C 0.216 H 145.0°. El mejor color de texto es #000000 con contraste 10.83:1 (cumple WCAG AA).

Valores del color

HEX	#3CD550
RGB	rgb(60, 213, 80)
HSL	hsl(128, 65%, 54%)
HSV	hsv(128, 72%, 84%)
CMYK	cmyk(71.8%, 0%, 62.4%, 16.5%)
CIE-LAB	lab(75.53, -65.42, 53.06)
CIE-LCH	lch(75.53, 84.23, 140.95°)
OKLab	oklab(76.74% -0.1767 0.1239)
OKLCH	oklch(76.74% 0.216 145)
XYZ	xyz(27.1039, 49.1253, 15.6416)
Luminance	0.4913 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#3CD550 #D53CC1

analogous

#74D53C #3CD550 #3CD59C

triadic

#3CD550 #503CD5 #D5503C

tetradic

#3CD550 #3C74D5 #D53CC1 #D59C3C

square

#3CD550 #3C74D5 #D53CC1 #D59C3C

split-complementary

#3CD550 #9C3CD5 #D53C74

monochromatic

#1B7C27 #26AE37 #3CD550 #6EE07D #A1EBAA

Accesibilidad y contraste

On white

1.94

#3CD550 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.83

#3CD550 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #3CD550

10.83:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##3CD550	#FFFFFF	#000000	##000000
##3CD550	1.00	1.94	10.83	10.83
#FFFFFF	1.94	1.00	21.00	21.00
#000000	10.83	21.00	1.00	1.00
##000000	10.83	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#D9C141

Deuteranopia (green-blind)

#C7B55B

Tritanopia (blue-blind)

#00D0B9

Achromatopsia (no color)

#BABABA

Tokens de diseño y código

CSS

--color: #3cd550;
/* rgb */ color: rgb(60, 213, 80);
/* oklch */ color: oklch(76.7% 0.216 145.0);

Tailwind

colors: {
  custom: {
    50: '#87e386',
    500: '#3cd550',
    950: '#000000',
  },
}

SCSS

$custom: #3cd550;
$custom-light: #87e386;
$custom-dark: #000000;

JSON

{
  "hex": "#3cd550",
  "rgb": {
    "r": 60,
    "g": 213,
    "b": 80
  },
  "hsl": {
    "h": 127.843,
    "s": 64.557,
    "l": 53.529
  },
  "oklch": {
    "l": 0.76737,
    "c": 0.21584,
    "h": 145
  },
  "luminance": 0.49128
}

Semantic roles & 50–950 ramp

primary

#3CD550

secondary

#D796CF

accent

#40D2E8

background

#F9FEF8

surface

#F1FCF0

border

#CBD5CB

text

#0D160B

muted

#7E847C

Laboratorio de vista previa

Vista previa con #3CD550

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

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