#7CAA91#7CAA91

#7CAA91 es un color claro y moderadamente saturado de la familia verde. Luminancia relativa 0.351; OKLCH L 69.8% C 0.062 H 160.5°. El mejor color de texto es #000000 con contraste 8.02:1 (cumple WCAG AA).

Valores del color

HEX#7CAA91
RGBrgb(124, 170, 145)
HSLhsl(147, 21%, 58%)
HSVhsv(147, 27%, 67%)
CMYKcmyk(27.1%, 0%, 14.7%, 33.3%)
CIE-LABlab(65.81, -20.74, 7.96)
CIE-LCHlch(65.81, 22.22, 159.02°)
OKLaboklab(69.77% -0.0581 0.0206)
OKLCHoklch(69.77% 0.062 160.5)
XYZxyz(27.7961, 35.0777, 32.0887)
Luminance0.3508 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#7CAA91 #AA7C95
analogous
#7EAA7C #7CAA91 #7CAAA8
triadic
#7CAA91 #917CAA #AA917C
tetradic
#7CAA91 #7C7EAA #AA7C95 #AAA87C
square
#7CAA91 #7C7EAA #AA7C95 #AAA87C
split-complementary
#7CAA91 #A87CAA #AA7C7E
monochromatic
#446854 #5C8D72 #7CAA91 #A1C2B0 #C6DACF

Accesibilidad y contraste

On white

2.62
#7CAA91 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.02
#7CAA91 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #7CAA91
8.02:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##7CAA91#FFFFFF#000000##000000
##7CAA911.002.628.028.02
#FFFFFF2.621.0021.0021.00
#0000008.0221.001.001.00
##0000008.0221.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#A9A390
Deuteranopia (green-blind)
#A19E92
Tritanopia (blue-blind)
#73AAA3
Achromatopsia (no color)
#A0A0A0

Tokens de diseño y código

CSS
--color: #7caa91;
/* rgb */ color: rgb(124, 170, 145);
/* oklch */ color: oklch(69.8% 0.062 160.5);
Tailwind
colors: {
  custom: {
    50: '#a3c3b1',
    500: '#7caa91',
    950: '#000000',
  },
}
SCSS
$custom: #7caa91;
$custom-light: #a3c3b1;
$custom-dark: #000000;
JSON
{
  "hex": "#7caa91",
  "rgb": {
    "r": 124,
    "g": 170,
    "b": 145
  },
  "hsl": {
    "h": 147.391,
    "s": 21.296,
    "l": 57.647
  },
  "oklch": {
    "l": 0.69772,
    "c": 0.0616,
    "h": 160.5
  },
  "luminance": 0.35079
}

Semantic roles & 50–950 ramp

primary
#7CAA91
secondary
#CAB8C2
accent
#6A98BE
background
#FAFCFA
surface
#F4F8F5
border
#CED1CF
text
#0F1210
muted
#7F817F

Laboratorio de vista previa

Vista previa con #7CAA91

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

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

#7CAA91 — Tintiva