ColorTool
Entrar
#33BA7F

#33ba7f ≈ Medium Sea Green

  • verde-azulado
  • Luminosidade: média
  • Saturação: forte
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#33ba7f é uma cor da família “verde-azulado”, com luminosidade média e saturação forte. No modelo RGB, é formada por 20% de vermelho, 72,94% de verde e 49,8% de azul; impressa em CMYK, usa 72,58% de ciano, 0% de magenta, 31,72% de amarelo e 27,06% de preto. Seu ângulo de matiz é 153,78°, com 56,96% de saturação e 46,47% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a clareza, calma e renovação. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 8,47:1 (WCAG AAA). A cor nomeada mais próxima é Medium Sea Green (#3cb371), ΔE 2,91.

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

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

Complementar

  1. #33ba7f
  2. #ba336e

Complementar dividida

  1. #33ba7f
  2. #ba33b1
  3. #ba3c33

Análoga

  1. #33ba3c
  2. #33ba7f
  3. #33b1ba

Triádica

  1. #33ba7f
  2. #7f33ba
  3. #ba7f33

Tetrádica

  1. #33ba7f
  2. #336eba
  3. #ba336e
  4. #ba7f33

Quadrada

  1. #33ba7f
  2. #3c33ba
  3. #ba336e
  4. #b1ba33

Monocromática

  1. #12422d
  2. #237e56
  3. #33ba7f
  4. #65d5a4
  5. #a1e5c7

Sombras

#33ba7f misturado progressivamente com preto.

  1. #33ba7f
  2. #2ea772
  3. #299566
  4. #248259
  5. #1f704c
  6. #1a5d40
  7. #144a33
  8. #0f3826
  9. #0a2519
  10. #05130d
  11. #000000

Matizes claros

#33ba7f misturado progressivamente com branco.

  1. #33ba7f
  2. #47c18c
  3. #5cc899
  4. #70cfa5
  5. #85d6b2
  6. #99ddbf
  7. #ade3cc
  8. #c2ead9
  9. #d6f1e5
  10. #ebf8f2
  11. #ffffff

Tons

#33ba7f misturado progressivamente com cinza.

  1. #33ba7f
  2. #3bb47f
  3. #42ae7f
  4. #4aa97f
  5. #52a37f
  6. #5a9d80
  7. #619780
  8. #699180
  9. #718c80
  10. #788680
  11. #808080

Texto legível 2.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a4a4a4 ≈ 0.003% dos homens
Acromatomalia #86ad97 ≈ 0.001% dos homens
Protanopia #b8ac7b ≈ 1.01% dos homens
Deuteranopia #a7a083 ≈ 1.27% dos homens
Tritanopia #00b9aa ≈ 0.0001% dos homens
Protanomalia #95b27d ≈ 1.08% dos homens
Deuteranomalia #88ab81 ≈ 4.63% dos homens
Tritanomalia #00b99b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-33ba7f {
  color: #33ba7f;
}
Fundo
.bg-33ba7f {
  background-color: #33ba7f;
  color: #000000;
}
Borda
.border-33ba7f {
  border: 2px solid #33ba7f;
}
Variáveis CSS
:root {
  --color-primary: #33ba7f;
  --color-primary-rgb: 51 186 127;
  --color-primary-hsl: 154 57% 46%;
}
Degradê
.gradient-33ba7f {
  background: linear-gradient(135deg, #33ba7f, #33b1ba);
}
Sombra colorida
.shadow-33ba7f {
  box-shadow: 0 8px 24px rgb(51 186 127 / 0.35);
}

#3cb371 Medium Sea Green ΔE 2.91 #3eb489 Mint ΔE 3.84 #00a86b Jade ΔE 5.62 #00cc99 Caribbean Green ΔE 5.74 #50c878 Emerald ΔE 5.82 #29ab87 Jungle Green ΔE 6.71 #66cdaa Medium Aquamarine ΔE 8.74 #cc4580 Invertida #a4a4a4 Escala de cinza 

Medium Sea Green
#33ba7f  rgb(51, 186, 127)  hsl(154, 57%, 46%)  Medium Sea Green
#ba336e  rgb(186, 51, 110)  hsl(334, 57%, 46%)  Telemagenta
#7f33ba  rgb(127, 51, 186)  hsl(274, 57%, 46%)  Dark Violet
#ba7f33  rgb(186, 127, 51)  hsl(34, 57%, 46%)  Bronze