#87cc77

Mantis

Coincidencia más cercana (97% de coincidencia)

Formatos de color

RGB

rgb(135, 204, 119)

Componentes Rojo, Verde y Azul

HSL

hsl(109, 45%, 63%)

Tono, Saturación, Luminosidad

CMYK

cmyk(34, 0, 42, 20)

Codificación de color para impresión

Luminance

0.497

Luminancia relativa

Variaciones

Sombras (Oscurecer)

Tintas (Aclarar)

Tonos (Reducir saturación)

Armonías

Haz clic en los segmentos de color para copiar el código.

Complementario (Opuesto)

#87cc77

#bc77cc

Análogo (Adyacente)

#b1cc77

#87cc77

#77cc91

Triádico (Triángulo)

#87cc77

#7787cc

#cc7787

Complementario dividido

#87cc77

#9277cc

#cc77b1

Tabla de conversión completa

HEX

#87CC77

RGB

rgb(135,204,119)

RGBA

rgba(135,204,119, 1)

HSL

hsl(108.71,45.45%,63.33%)

OKLCH (CSS moderno)

oklch(0.78 0.14 139.8)

CSS Variable

--color: #87cc77;

Vista

Legibilidad y tipografía

Prueba de titular

Este texto demuestra la experiencia de lectura sobre este color de fondo.

Prueba de titular

Este texto demuestra la experiencia de lectura sobre este color de fondo.

Conjunto de componentes UI

Este es un ejemplo de barra de notificación con el color seleccionado.

SOLIDSOFTOUTLINE

Mockup de producto

4582 •••• •••• 9018

TITULAR DE TARJETA

JOHN DOE

VÁLIDA

12/28

Aplicación móvil

Atención al cliente

¡Hola! ¿En qué podemos ayudarte hoy?

¡Me encanta este nuevo color! 😍

Visualización de datos

Crecimiento semanal

+1,240

12.5%

WED

2,450

Contraste

Contraste y legibilidad (WCAG)

Sobre fondo blanco

1.92

Texto pequeño (14pt)

The quick brown fox jumps over...

AAA

Texto grande / UI (18pt Bold)

AAA

Sobre fondo negro

10.93

Texto pequeño (14pt)

The quick brown fox jumps over...

AAA

Texto grande / UI (18pt Bold)

AAA

Simulador de daltonismo

ORIG

SIM

Protanopía (rojo)

#87cc77#a7a677

ORIG

SIM

Deuteranopía (verde)

#87cc77#808277

ORIG

SIM

Tritanopía (azul)

#87cc77#8a9aac

ORIG

SIM

Monocromía (acromatopsia)

#87cc77#bbbbbb

Guía de mezcla

Así puedes obtener este color a partir de pinturas físicas o tintas de impresión.

MIXING PALETTE

37%

36%

27%

RYB PIGMENTS

Azul ultramar

Pigment

37%

Blanco titanio

Pigment

36%

Amarillo cadmio

Pigment

27%

A diferencia de la luz, al mezclar pinturas los colores se oscurecen. Esta simulación imita el comportamiento de los pigmentos físicos.

Propiedades físicas

Propiedades perceptivas y relacionadas con la luz calculadas a partir del color digital.

Relación espectral

Tono verde

495–570 nm • rango más cercano del espectro visible

750 nm

380 nm

Temperatura visual

Cálido

Clasificación perceptiva entre cálido y frío. Los Kelvin no se aplican a un color de interfaz arbitrario.

Frío

Neutro

Cálido

Luminancia (brillo)

49.7%

Oscuro • luminancia relativa

50%

100%

Un color RGB se genera combinando varios componentes de luz de la pantalla, por lo que este rango es una comparación visual y no una longitud de onda física exacta.

Galería de gradientes

Generación de fondos y texturas CSS premium a partir de tu color.

Colores similares y relacionados

Armonías, matices y tonos similares calculados matemáticamente para este color.

Emerald Rain

#80C872

Fluorescence

#89D178

Fresh Cut Grass

#91CB7D

Electric Lettuce

#7BD181

Amethyst

#BC77CC

De York

#77CC91

Wild Willow

#B2CC77

Moody Blue

#7787CC

Charm

#CC7787

Lilac Bush

#9277CC

Reef

#C3FFB1

Apple

#4D9141