#4FA425#4FA425

#4FA425 es un color claro y vivo de la familia verde. Luminancia relativa 0.283; OKLCH L 64.1% C 0.179 H 137.7°. El mejor color de texto es #000000 con contraste 6.67:1 (cumple WCAG AA).

Valores del color

HEX#4FA425
RGBrgb(79, 164, 37)
HSLhsl(100, 63%, 39%)
HSVhsv(100, 77%, 64%)
CMYKcmyk(51.8%, 0%, 77.4%, 35.7%)
CIE-LABlab(60.20, -47.66, 53.88)
CIE-LCHlch(60.20, 71.94, 131.49°)
OKLaboklab(64.11% -0.132 0.1203)
OKLCHoklch(64.11% 0.179 137.7)
XYZxyz(16.8333, 28.3455, 6.3341)
Luminance0.2835 (WCAG relative)
Temperaturewarm
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#4FA425 #7A25A4
analogous
#8FA425 #4FA425 #25A43A
triadic
#4FA425 #254FA4 #A4254F
tetradic
#4FA425 #258FA4 #7A25A4 #A43A25
square
#4FA425 #258FA4 #7A25A4 #A43A25
split-complementary
#4FA425 #3A25A4 #A4258F
monochromatic
#1F400E #37721A #4FA425 #69D135 #8EDD67

Accesibilidad y contraste

On white

3.15
#4FA425 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.67
#4FA425 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #4FA425
6.67:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##4FA425#FFFFFF#000000##000000
##4FA4251.003.156.676.67
#FFFFFF3.151.0021.0021.00
#0000006.6721.001.001.00
##0000006.6721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#A99504
Deuteranopia (green-blind)
#9E8E33
Tritanopia (blue-blind)
#499E8C
Achromatopsia (no color)
#919191

Tokens de diseño y código

CSS
--color: #4fa425;
/* rgb */ color: rgb(79, 164, 37);
/* oklch */ color: oklch(64.1% 0.179 137.7);
Tailwind
colors: {
  custom: {
    50: '#89c069',
    500: '#4fa425',
    950: '#000000',
  },
}
SCSS
$custom: #4fa425;
$custom-light: #89c069;
$custom-dark: #000000;
JSON
{
  "hex": "#4fa425",
  "rgb": {
    "r": 79,
    "g": 164,
    "b": 37
  },
  "hsl": {
    "h": 100.157,
    "s": 63.184,
    "l": 39.412
  },
  "oklch": {
    "l": 0.64108,
    "c": 0.17862,
    "h": 137.7
  },
  "luminance": 0.28347
}

Semantic roles & 50–950 ramp

primary
#4FA425
secondary
#A362C2
accent
#42E6B0
background
#F8FBF6
surface
#F0F7EB
border
#CBD0C6
text
#0C1207
muted
#7D817A

Laboratorio de vista previa

Vista previa con #4FA425

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

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

#4FA425 — Tintiva