#8BCF72#8BCF72

#8BCF72 es un color claro y vivo de la familia verde. Luminancia relativa 0.513; OKLCH L 78.7% C 0.143 H 137.8°. El mejor color de texto es #000000 con contraste 11.27:1 (cumple WCAG AA).

Valores del color

HEX	#8BCF72
RGB	rgb(139, 207, 114)
HSL	hsl(104, 49%, 63%)
HSV	hsv(104, 45%, 81%)
CMYK	cmyk(32.9%, 0%, 44.9%, 18.8%)
CIE-LAB	lab(76.88, -38.58, 39.44)
CIE-LCH	lch(76.88, 55.17, 134.37°)
OKLab	oklab(78.74% -0.1057 0.096)
OKLCH	oklch(78.74% 0.143 137.8)
XYZ	xyz(35.9965, 51.3280, 23.9270)
Luminance	0.5133 (WCAG relative)
Temperature	warm
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#8BCF72 #B672CF

analogous

#B9CF72 #8BCF72 #72CF87

triadic

#8BCF72 #728BCF #CF728B

tetradic

#8BCF72 #72B9CF #B672CF #CF8772

square

#8BCF72 #72B9CF #B672CF #CF8772

split-complementary

#8BCF72 #8772CF #CF72B9

monochromatic

#4D9432 #65BF44 #8BCF72 #B1DFA0 #D6EECD

Accesibilidad y contraste

On white

1.86

#8BCF72 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.27

#8BCF72 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #8BCF72

11.27:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##8BCF72	#FFFFFF	#000000	##000000
##8BCF72	1.00	1.86	11.27	11.27
#FFFFFF	1.86	1.00	21.00	21.00
#000000	11.27	21.00	1.00	1.00
##000000	11.27	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#D4C26B

Deuteranopia (green-blind)

#CABC78

Tritanopia (blue-blind)

#88C9B9

Achromatopsia (no color)

#BEBEBE

Tokens de diseño y código

CSS

--color: #8bcf72;
/* rgb */ color: rgb(139, 207, 114);
/* oklch */ color: oklch(78.7% 0.143 137.8);

Tailwind

colors: {
  custom: {
    50: '#b0de9c',
    500: '#8bcf72',
    950: '#000000',
  },
}

SCSS

$custom: #8bcf72;
$custom-light: #b0de9c;
$custom-dark: #000000;

JSON

{
  "hex": "#8bcf72",
  "rgb": {
    "r": 139,
    "g": 207,
    "b": 114
  },
  "hsl": {
    "h": 103.871,
    "s": 49.206,
    "l": 62.941
  },
  "oklch": {
    "l": 0.78735,
    "c": 0.14282,
    "h": 137.8
  },
  "luminance": 0.5133
}

Semantic roles & 50–950 ramp

primary

#8BCF72

secondary

#854B9A

accent

#29BD95

background

#FDFEFC

surface

#F8FCF5

border

#D1D5CF

text

#11150E

muted

#81847F

Laboratorio de vista previa

Vista previa con #8BCF72

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

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