#92B77D#92B77D
#92B77D es un color claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.415; OKLCH L 73.7% C 0.090 H 134.6°. El mejor color de texto es #000000 con contraste 9.29:1 (cumple WCAG AA).
Valores del color
| HEX | #92B77D |
|---|---|
| RGB | rgb(146, 183, 125) |
| HSL | hsl(98, 29%, 60%) |
| HSV | hsv(98, 32%, 72%) |
| CMYK | cmyk(20.2%, 0%, 31.7%, 28.2%) |
| CIE-LAB | lab(70.50, -23.23, 25.55) |
| CIE-LCH | lch(70.50, 34.53, 132.28°) |
| OKLab | oklab(73.75% -0.0632 0.0641) |
| OKLCH | oklch(73.75% 0.09 134.6) |
| XYZ | xyz(32.4884, 41.4580, 25.6886) |
| Luminance | 0.4146 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Colores con nombre más cercanos
Lichen
#8FB67B
ΔE00 0.58
Sage Green (survey)
#88B378
ΔE00 1.89
Sage
#87AE73
ΔE00 2.77
Faded Green
#7BB274
ΔE00 4.06
Darkseagreen
#8FBC8F
ΔE00 4.21
Pistachio
#93C572
ΔE00 5.59
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#92B77D #A27DB7
analogous
#AFB77D #92B77D #7DB785
triadic
#92B77D #7D92B7 #B77D92
tetradic
#92B77D #7DAFB7 #A27DB7 #B7857D
square
#92B77D #7DAFB7 #A27DB7 #B7857D
split-complementary
#92B77D #857DB7 #B77DAF
monochromatic
#557742 #729F58 #92B77D #B3CDA4 #D4E3CC
Accesibilidad y contraste
On white
2.26
#92B77D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.29
#92B77D on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #92B77D
9.29:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##92B77D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##92B77D | 1.00 | 2.26 | 9.29 | 9.29 |
| #FFFFFF | 2.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.29 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#BCAE79
Deuteranopia (green-blind)
#B6AB80
Tritanopia (blue-blind)
#92B3A8
Achromatopsia (no color)
#ACACAC
Tokens de diseño y código
CSS
--color: #92b77d; /* rgb */ color: rgb(146, 183, 125); /* oklch */ color: oklch(73.7% 0.090 134.6);
Tailwind
colors: {
custom: {
50: '#b3cca3',
500: '#92b77d',
950: '#000000',
},
}SCSS
$custom: #92b77d; $custom-light: #b3cca3; $custom-dark: #000000;
JSON
{
"hex": "#92b77d",
"rgb": {
"r": 146,
"g": 183,
"b": 125
},
"hsl": {
"h": 98.276,
"s": 28.713,
"l": 60.392
},
"oklch": {
"l": 0.73745,
"c": 0.08999,
"h": 134.6
},
"luminance": 0.41459
}Semantic roles & 50–950 ramp
primary
#92B77D
secondary
#CBBDD3
accent
#3EA781
background
#FBFCFA
surface
#F6F9F3
border
#D0D2CD
text
#11130F
muted
#80827F
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →