#95EA6B#95EA6B

#95EA6B es un color muy claro y vivo de la familia verde. Luminancia relativa 0.663; OKLCH L 85.6% C 0.182 H 136.4°. El mejor color de texto es #000000 con contraste 14.26:1 (cumple WCAG AA).

Valores del color

HEX#95EA6B
RGBrgb(149, 234, 107)
HSLhsl(100, 75%, 67%)
HSVhsv(100, 54%, 92%)
CMYKcmyk(36.3%, 0%, 54.3%, 8.2%)
CIE-LABlab(85.15, -47.81, 52.98)
CIE-LCHlch(85.15, 71.36, 132.07°)
OKLaboklab(85.57% -0.1319 0.1255)
OKLCHoklch(85.57% 0.182 136.4)
XYZxyz(44.4699, 66.2946, 24.3601)
Luminance0.6630 (WCAG relative)
Temperaturewarm
Familygreen

Colores con nombre más cercanos

Light Grass Green
#9AF764
ΔE00 3.28
Light Green
#96F97B
ΔE00 3.43
Spring Green (survey)
#A9F971
ΔE00 3.71
Kiwi Green
#8EE53F
ΔE00 4.40
Easter Green
#8CFD7E
ΔE00 4.68
Light Lime
#AEFD6C
ΔE00 4.94

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#95EA6B #C06BEA
analogous
#D5EA6B #95EA6B #6BEA80
triadic
#95EA6B #6B95EA #EA6B95
tetradic
#95EA6B #6BD5EA #C06BEA #EA806B
square
#95EA6B #6BD5EA #C06BEA #EA806B
split-complementary
#95EA6B #806BEA #EA6BD5
monochromatic
#51BF1B #6FE235 #95EA6B #BBF2A1 #E2F9D6

Accesibilidad y contraste

On white

1.47
#95EA6B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.26
#95EA6B on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #95EA6B
14.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##95EA6B#FFFFFF#000000##000000
##95EA6B1.001.4714.2614.26
#FFFFFF1.471.0021.0021.00
#00000014.2621.001.001.00
##00000014.2621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#F1D95F
Deuteranopia (green-blind)
#E5D274
Tritanopia (blue-blind)
#92E2CE
Achromatopsia (no color)
#D5D5D5

Tokens de diseño y código

CSS
--color: #95ea6b;
/* rgb */ color: rgb(149, 234, 107);
/* oklch */ color: oklch(85.6% 0.182 136.4);
Tailwind
colors: {
  custom: {
    50: '#b8f199',
    500: '#95ea6b',
    950: '#000000',
  },
}
SCSS
$custom: #95ea6b;
$custom-light: #b8f199;
$custom-dark: #000000;
JSON
{
  "hex": "#95ea6b",
  "rgb": {
    "r": 149,
    "g": 234,
    "b": 107
  },
  "hsl": {
    "h": 100.157,
    "s": 75.148,
    "l": 66.863
  },
  "oklch": {
    "l": 0.85566,
    "c": 0.18209,
    "h": 136.4
  },
  "luminance": 0.66297
}

Semantic roles & 50–950 ramp

primary
#95EA6B
secondary
#933BBE
accent
#0ED795
background
#FDFFFC
surface
#F8FEF5
border
#D1D6CF
text
#12170E
muted
#82857F

Laboratorio de vista previa

Vista previa con #95EA6B

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

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

#95EA6B — Tintiva