#31C745#31C745

#31C745 es un color claro y muy saturado de la familia verde. Luminancia relativa 0.419; OKLCH L 72.7% C 0.211 H 144.8°. El mejor color de texto es #000000 con contraste 9.39:1 (cumple WCAG AA).

Valores del color

HEX#31C745
RGBrgb(49, 199, 69)
HSLhsl(128, 60%, 49%)
HSVhsv(128, 75%, 78%)
CMYKcmyk(75.4%, 0%, 65.3%, 22%)
CIE-LABlab(70.82, -63.72, 52.43)
CIE-LCHlch(70.82, 82.52, 140.55°)
OKLaboklab(72.74% -0.1721 0.1215)
OKLCHoklch(72.74% 0.211 144.8)
XYZxyz(22.7627, 41.9268, 12.5221)
Luminance0.4193 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#31C745 #C731B3
analogous
#68C731 #31C745 #31C790
triadic
#31C745 #4531C7 #C74531
tetradic
#31C745 #3168C7 #C731B3 #C79031
square
#31C745 #3168C7 #C731B3 #C79031
split-complementary
#31C745 #9031C7 #C73168
monochromatic
#196523 #259634 #31C745 #5ED76E #8FE39A

Accesibilidad y contraste

On white

2.24
#31C745 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.39
#31C745 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #31C745
9.39:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##31C745#FFFFFF#000000##000000
##31C7451.002.249.399.39
#FFFFFF2.241.0021.0021.00
#0000009.3921.001.001.00
##0000009.3921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#CAB435
Deuteranopia (green-blind)
#BAA951
Tritanopia (blue-blind)
#00C2AC
Achromatopsia (no color)
#ADADAD

Tokens de diseño y código

CSS
--color: #31c745;
/* rgb */ color: rgb(49, 199, 69);
/* oklch */ color: oklch(72.7% 0.211 144.8);
Tailwind
colors: {
  custom: {
    50: '#81d97e',
    500: '#31c745',
    950: '#000000',
  },
}
SCSS
$custom: #31c745;
$custom-light: #81d97e;
$custom-dark: #000000;
JSON
{
  "hex": "#31c745",
  "rgb": {
    "r": 49,
    "g": 199,
    "b": 69
  },
  "hsl": {
    "h": 128,
    "s": 60.484,
    "l": 48.627
  },
  "oklch": {
    "l": 0.72742,
    "c": 0.21068,
    "h": 144.8
  },
  "luminance": 0.41929
}

Semantic roles & 50–950 ramp

primary
#31C745
secondary
#CE86C4
accent
#44CEE4
background
#F8FDF7
surface
#F0FBEE
border
#CBD4C9
text
#0C150A
muted
#7D837C

Laboratorio de vista previa

Vista previa con #31C745

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

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

#31C745 — Tintiva