#72BB9D#72BB9D

#72BB9D es un color claro y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.416; OKLCH L 73.5% C 0.086 H 166.0°. El mejor color de texto es #000000 con contraste 9.31:1 (cumple WCAG AA).

Valores del color

HEX#72BB9D
RGBrgb(114, 187, 157)
HSLhsl(155, 35%, 59%)
HSVhsv(155, 39%, 73%)
CMYKcmyk(39%, 0%, 16%, 26.7%)
CIE-LABlab(70.56, -29.70, 8.07)
CIE-LCHlch(70.56, 30.77, 164.79°)
OKLaboklab(73.55% -0.0835 0.0208)
OKLCHoklch(73.55% 0.086 166)
XYZxyz(30.7932, 41.5504, 38.2892)
Luminance0.4155 (WCAG relative)
Temperatureneutral
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#72BB9D #BB7290
analogous
#72BB79 #72BB9D #72B5BB
triadic
#72BB9D #9D72BB #BB9D72
tetradic
#72BB9D #7972BB #BB7290 #B5BB72
square
#72BB9D #7972BB #BB7290 #B5BB72
split-complementary
#72BB9D #BB72B5 #BB7972
monochromatic
#3A785F #4EA27F #72BB9D #9BCFBA #C5E3D6

Accesibilidad y contraste

On white

2.26
#72BB9D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.31
#72BB9D on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #72BB9D
9.31:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##72BB9D#FFFFFF#000000##000000
##72BB9D1.002.269.319.31
#FFFFFF2.261.0021.0021.00
#0000009.3121.001.001.00
##0000009.3121.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B8B29C
Deuteranopia (green-blind)
#ACA99F
Tritanopia (blue-blind)
#5EBBB2
Achromatopsia (no color)
#ADADAD

Tokens de diseño y código

CSS
--color: #72bb9d;
/* rgb */ color: rgb(114, 187, 157);
/* oklch */ color: oklch(73.5% 0.086 166.0);
Tailwind
colors: {
  custom: {
    50: '#9dd0ba',
    500: '#72bb9d',
    950: '#000000',
  },
}
SCSS
$custom: #72bb9d;
$custom-light: #9dd0ba;
$custom-dark: #000000;
JSON
{
  "hex": "#72bb9d",
  "rgb": {
    "r": 114,
    "g": 187,
    "b": 157
  },
  "hsl": {
    "h": 155.342,
    "s": 34.928,
    "l": 59.02
  },
  "oklch": {
    "l": 0.73549,
    "c": 0.08602,
    "h": 166
  },
  "luminance": 0.41552
}

Semantic roles & 50–950 ramp

primary
#72BB9D
secondary
#D3B6C2
accent
#5D8ACB
background
#F9FCFB
surface
#F2F9F6
border
#CCD2D0
text
#0F1411
muted
#7E8280

Laboratorio de vista previa

Vista previa con #72BB9D

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

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

#72BB9D — Tintiva