#46DFAC#46DFAC

#46DFAC es un color claro y vivo de la familia verde azulado. Luminancia relativa 0.571; OKLCH L 81.1% C 0.147 H 166.4°. El mejor color de texto es #000000 con contraste 12.41:1 (cumple WCAG AA).

Valores del color

HEX#46DFAC
RGBrgb(70, 223, 172)
HSLhsl(160, 71%, 57%)
HSVhsv(160, 69%, 87%)
CMYKcmyk(68.6%, 0%, 22.9%, 12.5%)
CIE-LABlab(80.21, -51.74, 13.54)
CIE-LCHlch(80.21, 53.48, 165.34°)
OKLaboklab(81.12% -0.1432 0.0346)
OKLCHoklch(81.12% 0.147 166.4)
XYZxyz(36.3559, 57.0519, 48.1178)
Luminance0.5706 (WCAG relative)
Temperatureneutral
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#46DFAC #DF4679
analogous
#46DF60 #46DFAC #46C6DF
triadic
#46DFAC #AC46DF #DFAC46
tetradic
#46DFAC #6046DF #DF4679 #C6DF46
square
#46DFAC #6046DF #DF4679 #C6DF46
split-complementary
#46DFAC #DF46C6 #DF6046
monochromatic
#199169 #22C68F #46DFAC #7AE8C3 #AEF1DB

Accesibilidad y contraste

On white

1.69
#46DFAC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.41
#46DFAC on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #46DFAC
12.41:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##46DFAC#FFFFFF#000000##000000
##46DFAC1.001.6912.4112.41
#FFFFFF1.691.0021.0021.00
#00000012.4121.001.001.00
##00000012.4121.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#DAD0A9
Deuteranopia (green-blind)
#C6C1AF
Tritanopia (blue-blind)
#00E0D1
Achromatopsia (no color)
#C7C7C7

Tokens de diseño y código

CSS
--color: #46dfac;
/* rgb */ color: rgb(70, 223, 172);
/* oklch */ color: oklch(81.1% 0.147 166.4);
Tailwind
colors: {
  custom: {
    50: '#8ceac4',
    500: '#46dfac',
    950: '#000000',
  },
}
SCSS
$custom: #46dfac;
$custom-light: #8ceac4;
$custom-dark: #000000;
JSON
{
  "hex": "#46dfac",
  "rgb": {
    "r": 70,
    "g": 223,
    "b": 172
  },
  "hsl": {
    "h": 160,
    "s": 70.507,
    "l": 57.451
  },
  "oklch": {
    "l": 0.81115,
    "c": 0.1473,
    "h": 166.4
  },
  "luminance": 0.57056
}

Semantic roles & 50–950 ramp

primary
#46DFAC
secondary
#963354
accent
#3B76ED
background
#FCFEFD
surface
#F5FDF9
border
#CFD5D2
text
#0D1612
muted
#7F8482

Laboratorio de vista previa

Vista previa con #46DFAC

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

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

#46DFAC — Tintiva