#30BB97#30BB97

#30BB97 es un color claro y vivo de la familia verde azulado. Luminancia relativa 0.384; OKLCH L 71.1% C 0.127 H 170.9°. El mejor color de texto es #000000 con contraste 8.68:1 (cumple WCAG AA).

Valores del color

HEX#30BB97
RGBrgb(48, 187, 151)
HSLhsl(164, 59%, 46%)
HSVhsv(164, 74%, 73%)
CMYKcmyk(74.3%, 0%, 19.3%, 26.7%)
CIE-LABlab(68.31, -44.90, 7.86)
CIE-LCHlch(68.31, 45.59, 170.07°)
OKLaboklab(71.09% -0.1257 0.02)
OKLCHoklch(71.09% 0.127 170.9)
XYZxyz(24.5722, 38.4005, 35.3891)
Luminance0.3840 (WCAG relative)
Temperatureneutral
Familyteal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#30BB97 #BB3054
analogous
#30BB51 #30BB97 #3099BB
triadic
#30BB97 #9730BB #BB9730
tetradic
#30BB97 #5130BB #BB3054 #99BB30
square
#30BB97 #5130BB #BB3054 #99BB30
split-complementary
#30BB97 #BB3099 #BB5130
monochromatic
#175A48 #238A70 #30BB97 #55D3B3 #86E0C8

Accesibilidad y contraste

On white

2.42
#30BB97 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.68
#30BB97 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #30BB97
8.68:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##30BB97#FFFFFF#000000##000000
##30BB971.002.428.688.68
#FFFFFF2.421.0021.0021.00
#0000008.6821.001.001.00
##0000008.6821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B5AE95
Deuteranopia (green-blind)
#A3A199
Tritanopia (blue-blind)
#00BDB1
Achromatopsia (no color)
#A7A7A7

Tokens de diseño y código

CSS
--color: #30bb97;
/* rgb */ color: rgb(48, 187, 151);
/* oklch */ color: oklch(71.1% 0.127 170.9);
Tailwind
colors: {
  custom: {
    50: '#7dd0b5',
    500: '#30bb97',
    950: '#000000',
  },
}
SCSS
$custom: #30bb97;
$custom-light: #7dd0b5;
$custom-dark: #000000;
JSON
{
  "hex": "#30bb97",
  "rgb": {
    "r": 48,
    "g": 187,
    "b": 151
  },
  "hsl": {
    "h": 164.46,
    "s": 59.149,
    "l": 46.078
  },
  "oklch": {
    "l": 0.7109,
    "c": 0.12727,
    "h": 170.9
  },
  "luminance": 0.38403
}

Semantic roles & 50–950 ramp

primary
#30BB97
secondary
#C97D91
accent
#456EE2
background
#F8FCFB
surface
#EFF9F6
border
#CAD2D0
text
#0B1411
muted
#7C8280

Laboratorio de vista previa

Vista previa con #30BB97

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

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

#30BB97 — Tintiva