ColorTool
Entrar
#87DC03

#87dc03 ≈ Yellow Green

  • verde-limão
  • Luminosidade: média
  • Saturação: vívida
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#87dc03 é uma cor da família “verde-limão”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 52,94% de vermelho, 86,27% de verde e 1,18% de azul; impressa em CMYK, usa 38,64% de ciano, 0% de magenta, 98,64% de amarelo e 13,73% de preto. Seu ângulo de matiz é 83,5°, com 97,31% de saturação e 43,73% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 12,27:1 (WCAG AAA). A cor nomeada mais próxima é Yellow Green (#9acd32), ΔE 4,99.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#99cc00
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.5634

Complementar

  1. #87dc03
  2. #5803dc

Complementar dividida

  1. #87dc03
  2. #031bdc
  3. #c503dc

Análoga

  1. #dcc503
  2. #87dc03
  3. #1bdc03

Triádica

  1. #87dc03
  2. #0387dc
  3. #dc0387

Tetrádica

  1. #87dc03
  2. #03dc58
  3. #5803dc
  4. #dc0387

Quadrada

  1. #87dc03
  2. #03dcc5
  3. #5803dc
  4. #dc031b

Monocromática

  1. #2a4501
  2. #599102
  3. #87dc03
  4. #acfc2f
  5. #cafd7b

Sombras

#87dc03 misturado progressivamente com preto.

  1. #87dc03
  2. #7ac603
  3. #6cb002
  4. #5f9a02
  5. #518402
  6. #446e02
  7. #365801
  8. #294201
  9. #1b2c01
  10. #0e1600
  11. #000000

Matizes claros

#87dc03 misturado progressivamente com branco.

  1. #87dc03
  2. #93e01c
  3. #9fe335
  4. #abe74f
  5. #b7ea68
  6. #c3ee81
  7. #cff19a
  8. #dbf5b3
  9. #e7f8cd
  10. #f3fce6
  11. #ffffff

Tons

#87dc03 misturado progressivamente com cinza.

  1. #87dc03
  2. #86d310
  3. #86ca1c
  4. #85c029
  5. #84b735
  6. #84ae42
  7. #83a54e
  8. #829c5b
  9. #819267
  10. #818974
  11. #808080

Texto legível 1.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c6c6c6 ≈ 0.003% dos homens
Acromatomalia #b0cf9d ≈ 0.001% dos homens
Protanopia #e6ca00 ≈ 1.01% dos homens
Deuteranopia #dbc42f ≈ 1.27% dos homens
Tritanopia #89d2bb ≈ 0.0001% dos homens
Protanomalia #c7d100 ≈ 1.08% dos homens
Deuteranomalia #bfce24 ≈ 4.63% dos homens
Tritanomalia #88d694 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-87dc03 {
  color: #87dc03;
}
Fundo
.bg-87dc03 {
  background-color: #87dc03;
  color: #000000;
}
Borda
.border-87dc03 {
  border: 2px solid #87dc03;
}
Variáveis CSS
:root {
  --color-primary: #87dc03;
  --color-primary-rgb: 135 220 3;
  --color-primary-hsl: 84 97% 44%;
}
Degradê
.gradient-87dc03 {
  background: linear-gradient(135deg, #87dc03, #1bdc03);
}
Sombra colorida
.shadow-87dc03 {
  box-shadow: 0 8px 24px rgb(135 220 3 / 0.35);
}

#9acd32 Yellow Green ΔE 4.99 #b2ec5d Inchworm ΔE 6.51 #7cfc00 Lawn Green ΔE 7.16 #a7fc00 Spring Bud ΔE 7.45 #7fff00 Chartreuse ΔE 7.70 #adff2f Green Yellow ΔE 7.99 #bdda57 June Bud ΔE 8.33 #7823fc Invertida #c6c6c6 Escala de cinza 

Yellow Green
#87dc03  rgb(135, 220, 3)  hsl(84, 97%, 44%)  Yellow Green
#5803dc  rgb(88, 3, 220)  hsl(264, 97%, 44%)  Ultramarine
#0387dc  rgb(3, 135, 220)  hsl(204, 97%, 44%)  Bleu de France
#dc0387  rgb(220, 3, 135)  hsl(324, 97%, 44%)  Medium Violet Red