#2FC063#2FC063

#2FC063 es un color claro y vivo de la familia verde. Luminancia relativa 0.392; OKLCH L 71.2% C 0.178 H 150.3°. El mejor color de texto es #000000 con contraste 8.84:1 (cumple WCAG AA).

Valores del color

HEX#2FC063
RGBrgb(47, 192, 99)
HSLhsl(142, 61%, 47%)
HSVhsv(142, 76%, 75%)
CMYKcmyk(75.5%, 0%, 48.4%, 24.7%)
CIE-LABlab(68.90, -57.68, 36.21)
CIE-LCHlch(68.90, 68.11, 147.88°)
OKLaboklab(71.25% -0.155 0.0883)
OKLCHoklch(71.25% 0.178 150.3)
XYZxyz(22.2722, 39.2018, 18.1949)
Luminance0.3920 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#2FC063 #C02F8C
analogous
#44C02F #2FC063 #2FC0AB
triadic
#2FC063 #632FC0 #C0632F
tetradic
#2FC063 #2F44C0 #C02F8C #C0AB2F
square
#2FC063 #2F44C0 #C02F8C #C0AB2F
split-complementary
#2FC063 #AB2FC0 #C02F44
monochromatic
#175E30 #238F4A #2FC063 #56D684 #88E2A8

Accesibilidad y contraste

On white

2.38
#2FC063 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.84
#2FC063 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #2FC063
8.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##2FC063#FFFFFF#000000##000000
##2FC0631.002.388.848.84
#FFFFFF2.381.0021.0021.00
#0000008.8421.001.001.00
##0000008.8421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C1AF5B
Deuteranopia (green-blind)
#B0A36A
Tritanopia (blue-blind)
#00BDAA
Achromatopsia (no color)
#A8A8A8

Tokens de diseño y código

CSS
--color: #2fc063;
/* rgb */ color: rgb(47, 192, 99);
/* oklch */ color: oklch(71.2% 0.178 150.3);
Tailwind
colors: {
  custom: {
    50: '#7ed491',
    500: '#2fc063',
    950: '#000000',
  },
}
SCSS
$custom: #2fc063;
$custom-light: #7ed491;
$custom-dark: #000000;
JSON
{
  "hex": "#2fc063",
  "rgb": {
    "r": 47,
    "g": 192,
    "b": 99
  },
  "hsl": {
    "h": 141.517,
    "s": 60.669,
    "l": 46.863
  },
  "oklch": {
    "l": 0.71246,
    "c": 0.17839,
    "h": 150.3
  },
  "luminance": 0.39204
}

Semantic roles & 50–950 ramp

primary
#2FC063
secondary
#CB7FB0
accent
#44AAE4
background
#F8FDF9
surface
#EFFAF1
border
#CAD3CB
text
#0B140D
muted
#7C837E

Laboratorio de vista previa

Vista previa con #2FC063

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

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

#2FC063 — Tintiva