ColorTool
Entrar
#03E648

#03e648 ≈ Malachite

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

#03e648 é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 1,18% de vermelho, 90,2% de verde e 28,24% de azul; impressa em CMYK, usa 98,7% de ciano, 0% de magenta, 68,7% de amarelo e 9,8% de preto. Seu ângulo de matiz é 138,24°, com 97,42% de saturação e 45,69% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. 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,42:1 (WCAG AAA). A cor nomeada mais próxima é Malachite (#0bda51), ΔE 3,22.

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

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

Complementar

  1. #03e648
  2. #e603a1

Complementar dividida

  1. #03e648
  2. #ba03e6
  3. #e6032f

Análoga

  1. #2fe603
  2. #03e648
  3. #03e6ba

Triádica

  1. #03e648
  2. #4803e6
  3. #e64803

Tetrádica

  1. #03e648
  2. #03a1e6
  3. #e603a1
  4. #e64803

Quadrada

  1. #03e648
  2. #032fe6
  3. #e603a1
  4. #e6ba03

Monocromática

  1. #014f19
  2. #029a30
  3. #03e648
  4. #39fc74
  5. #85fda9

Sombras

#03e648 misturado progressivamente com preto.

  1. #03e648
  2. #03cf41
  3. #02b83a
  4. #02a132
  5. #028a2b
  6. #027324
  7. #015c1d
  8. #014516
  9. #012e0e
  10. #001707
  11. #000000

Matizes claros

#03e648 misturado progressivamente com branco.

  1. #03e648
  2. #1ce95a
  3. #35eb6d
  4. #4fee7f
  5. #68f091
  6. #81f3a4
  7. #9af5b6
  8. #b3f8c8
  9. #cdfada
  10. #e6fded
  11. #ffffff

Tons

#03e648 misturado progressivamente com cinza.

  1. #03e648
  2. #10dc4e
  3. #1cd253
  4. #29c759
  5. #35bd5e
  6. #42b364
  7. #4ea96a
  8. #5b9f6f
  9. #679475
  10. #748a7a
  11. #808080

Texto legível 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c7c7c7 ≈ 0.003% dos homens
Acromatomalia #9ed4a3 ≈ 0.001% dos homens
Protanopia #ead030 ≈ 1.01% dos homens
Deuteranopia #d5c158 ≈ 1.27% dos homens
Tritanopia #00e0c6 ≈ 0.0001% dos homens
Protanomalia #bad93b ≈ 1.08% dos homens
Deuteranomalia #aad152 ≈ 4.63% dos homens
Tritanomalia #00e2a3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-03e648 {
  color: #03e648;
}
Fundo
.bg-03e648 {
  background-color: #03e648;
  color: #000000;
}
Borda
.border-03e648 {
  border: 2px solid #03e648;
}
Variáveis CSS
:root {
  --color-primary: #03e648;
  --color-primary-rgb: 3 230 72;
  --color-primary-hsl: 138 97% 46%;
}
Degradê
.gradient-03e648 {
  background: linear-gradient(135deg, #03e648, #03e6ba);
}
Sombra colorida
.shadow-03e648 {
  box-shadow: 0 8px 24px rgb(3 230 72 / 0.35);
}

#0bda51 Malachite ΔE 3.22 #32cd32 Lime Green ΔE 5.99 #00ff00 Lime ΔE 6.93 #00ff7f Spring Green ΔE 6.96 #39ff14 Neon Green ΔE 7.11 #77dd77 Pastel Green ΔE 7.12 #3fff00 Harlequin ΔE 7.46 #fc19b7 Invertida #c7c7c7 Escala de cinza 

Malachite
#03e648  rgb(3, 230, 72)  hsl(138, 97%, 46%)  Malachite
#e603a1  rgb(230, 3, 161)  hsl(318, 97%, 46%)  Shocking Pink
#4803e6  rgb(72, 3, 230)  hsl(258, 97%, 46%)  Ultramarine
#e64803  rgb(230, 72, 3)  hsl(18, 97%, 46%)  Flame