ColorTool
Iniciar sesión
#548C03

#548c03 ≈ Avocado

  • verde lima
  • Luminosidad: baja
  • Saturación: fuerte
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#548c03 es un color de la familia verde lima, con luminosidad baja y saturación fuerte. En el modelo RGB se compone de 32,94% de rojo, 54,9% de verde y 1,18% de azul; impreso en CMYK usa 40% de cian, 0% de magenta, 97,86% de amarillo y 45,1% de negro. Su ángulo de tono es 84,53°, con 95,8% de saturación y 28,04% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con frescura, crecimiento y vitalidad. Los diseñadores suelen usarlo para marcas ecológicas, salud y bienestar y marcas de lujo. El texto negro sobre este color alcanza una relación de contraste de 5,13:1 (WCAG AA). El color con nombre más cercano es Avocado (#568203), ΔE 3,66.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#669900
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.2065

Complementario

  1. #548c03
  2. #3b038c

Complementario dividido

  1. #548c03
  2. #030f8c
  3. #80038c

Análogo

  1. #8c8003
  2. #548c03
  3. #0f8c03

Triádico

  1. #548c03
  2. #03548c
  3. #8c0354

Tetrádico

  1. #548c03
  2. #038c3b
  3. #3b038c
  4. #8c0354

Cuadrado

  1. #548c03
  2. #038c80
  3. #3b038c
  4. #8c030f

Monocromático

  1. #0c1400
  2. #274101
  3. #548c03
  4. #81d705
  5. #a7fb2d

Sombras

#548c03 mezclado progresivamente con negro.

  1. #548c03
  2. #4c7e03
  3. #437002
  4. #3b6202
  5. #325402
  6. #2a4602
  7. #223801
  8. #192a01
  9. #111c01
  10. #080e00
  11. #000000

Tintes

#548c03 mezclado progresivamente con blanco.

  1. #548c03
  2. #65981c
  3. #76a335
  4. #87af4f
  5. #98ba68
  6. #aac681
  7. #bbd19a
  8. #ccddb3
  9. #dde8cd
  10. #eef4e6
  11. #ffffff

Tonos

#548c03 mezclado progresivamente con gris.

  1. #548c03
  2. #588b10
  3. #5d8a1c
  4. #618829
  5. #668735
  6. #6a8642
  7. #6e854e
  8. #73845b
  9. #778267
  10. #7c8174
  11. #808080

Texto legible 4.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7d7d7d ≈ 0.003% de los hombres
Acromatomalía #6f8363 ≈ 0.001% de los hombres
Protanopía #928000 ≈ 1.01% de los hombres
Deuteranopía #8b7c1b ≈ 1.27% de los hombres
Tritanopía #558676 ≈ 0.0001% de los hombres
Protanomalía #7e8500 ≈ 1.08% de los hombres
Deuteranomalía #798314 ≈ 4.63% de los hombres
Tritanomalía #55885d ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-548c03 {
  color: #548c03;
}
Fondo
.bg-548c03 {
  background-color: #548c03;
  color: #000000;
}
Borde
.border-548c03 {
  border: 2px solid #548c03;
}
Variables CSS
:root {
  --color-primary: #548c03;
  --color-primary-rgb: 84 140 3;
  --color-primary-hsl: 85 96% 28%;
}
Degradado
.gradient-548c03 {
  background: linear-gradient(135deg, #548c03, #0f8c03);
}
Sombra de color
.shadow-548c03 {
  box-shadow: 0 8px 24px rgb(84 140 3 / 0.35);
}

#568203 Avocado ΔE 3.66 #6b8e23 Olive Drab ΔE 4.06 #009000 Islamic Green ΔE 6.84 #138808 India Green ΔE 7.05 #507d2a Sap Green ΔE 7.07 #228b22 Forest Green ΔE 7.18 #008000 Green ΔE 8.91 #ab73fc Invertido #7d7d7d Escala de grises 

Avocado
#548c03  rgb(84, 140, 3)  hsl(85, 96%, 28%)  Avocado
#3b038c  rgb(59, 3, 140)  hsl(265, 96%, 28%)  Indigo
#03548c  rgb(3, 84, 140)  hsl(205, 96%, 28%)  Yale Blue
#8c0354  rgb(140, 3, 84)  hsl(325, 96%, 28%)  Pansy Purple