#3FC174#3FC174

#3FC174 es un color claro y vivo de la familia verde. Luminancia relativa 0.405; OKLCH L 72.2% C 0.159 H 153.3°. El mejor color de texto es #000000 con contraste 9.09:1 (cumple WCAG AA).

Valores del color

HEX#3FC174
RGBrgb(63, 193, 116)
HSLhsl(144, 51%, 50%)
HSVhsv(144, 67%, 76%)
CMYKcmyk(67.4%, 0%, 39.9%, 24.3%)
CIE-LABlab(69.79, -52.58, 28.72)
CIE-LCHlch(69.79, 59.92, 151.36°)
OKLaboklab(72.16% -0.142 0.0715)
OKLCHoklch(72.16% 0.159 153.3)
XYZxyz(24.2702, 40.4550, 23.0491)
Luminance0.4046 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#3FC174 #C13F8C
analogous
#4BC13F #3FC174 #3FC1B5
triadic
#3FC174 #743FC1 #C1743F
tetradic
#3FC174 #3F4BC1 #C13F8C #C1B53F
square
#3FC174 #3F4BC1 #C13F8C #C1B53F
split-complementary
#3FC174 #B53FC1 #C13F4B
monochromatic
#21653C #309358 #3FC174 #6DD095 #9CDFB7

Accesibilidad y contraste

On white

2.31
#3FC174 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.09
#3FC174 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #3FC174
9.09:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##3FC174#FFFFFF#000000##000000
##3FC1741.002.319.099.09
#FFFFFF2.311.0021.0021.00
#0000009.0921.001.001.00
##0000009.0921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C1B16F
Deuteranopia (green-blind)
#B1A679
Tritanopia (blue-blind)
#00BFAE
Achromatopsia (no color)
#AAAAAA

Tokens de diseño y código

CSS
--color: #3fc174;
/* rgb */ color: rgb(63, 193, 116);
/* oklch */ color: oklch(72.2% 0.159 153.3);
Tailwind
colors: {
  custom: {
    50: '#83d59d',
    500: '#3fc174',
    950: '#000000',
  },
}
SCSS
$custom: #3fc174;
$custom-light: #83d59d;
$custom-dark: #000000;
JSON
{
  "hex": "#3fc174",
  "rgb": {
    "r": 63,
    "g": 193,
    "b": 116
  },
  "hsl": {
    "h": 144.462,
    "s": 51.181,
    "l": 50.196
  },
  "oklch": {
    "l": 0.72162,
    "c": 0.15896,
    "h": 153.3
  },
  "luminance": 0.40458
}

Semantic roles & 50–950 ramp

primary
#3FC174
secondary
#CB91B3
accent
#4DA1DB
background
#F8FDF9
surface
#F0FAF2
border
#CBD3CC
text
#0C140E
muted
#7D837E

Laboratorio de vista previa

Vista previa con #3FC174

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

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

#3FC174 — Tintiva