ColorTool
Entrar
#33E698

#33e698 ≈ Medium Spring Green

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

#33e698 é uma cor da família “verde-azulado”, com luminosidade média e saturação forte. No modelo RGB, é formada por 20% de vermelho, 90,2% de verde e 59,61% de azul; impressa em CMYK, usa 77,83% de ciano, 0% de magenta, 33,91% de amarelo e 9,8% de preto. Seu ângulo de matiz é 153,85°, com 78,17% de saturação e 55,1% 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 12,91:1 (WCAG AAA). A cor nomeada mais próxima é Medium Spring Green (#00fa9a), ΔE 4,73.

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

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

Complementar

  1. #33e698
  2. #e63381

Complementar dividida

  1. #33e698
  2. #e633db
  3. #e63e33

Análoga

  1. #33e63e
  2. #33e698
  3. #33dbe6

Triádica

  1. #33e698
  2. #9833e6
  3. #e69833

Tetrádica

  1. #33e698
  2. #3381e6
  3. #e63381
  4. #e69833

Quadrada

  1. #33e698
  2. #3e33e6
  3. #e63381
  4. #dbe633

Monocromática

  1. #0e7246
  2. #16b671
  3. #33e698
  4. #77eeba
  5. #bbf7dd

Sombras

#33e698 misturado progressivamente com preto.

  1. #33e698
  2. #2ecf89
  3. #29b87a
  4. #24a16a
  5. #1f8a5b
  6. #1a734c
  7. #145c3d
  8. #0f452e
  9. #0a2e1e
  10. #05170f
  11. #000000

Matizes claros

#33e698 misturado progressivamente com branco.

  1. #33e698
  2. #47e9a2
  3. #5cebad
  4. #70eeb7
  5. #85f0c1
  6. #99f3cc
  7. #adf5d6
  8. #c2f8e0
  9. #d6faea
  10. #ebfdf5
  11. #ffffff

Tons

#33e698 misturado progressivamente com cinza.

  1. #33e698
  2. #3bdc96
  3. #42d293
  4. #4ac791
  5. #52bd8e
  6. #5ab38c
  7. #61a98a
  8. #699f87
  9. #719485
  10. #788a82
  11. #808080

Texto legível 1.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.91:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cbcbcb ≈ 0.003% dos homens
Acromatomalia #a4d6b9 ≈ 0.001% dos homens
Protanopia #e4d493 ≈ 1.01% dos homens
Deuteranopia #cfc59d ≈ 1.27% dos homens
Tritanopia #00e5d2 ≈ 0.0001% dos homens
Protanomalia #b8db95 ≈ 1.08% dos homens
Deuteranomalia #a7d39b ≈ 4.63% dos homens
Tritanomalia #00e5bd ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#00fa9a Medium Spring Green ΔE 4.73 #50c878 Emerald ΔE 7.71 #00cc99 Caribbean Green ΔE 7.89 #77dd77 Pastel Green ΔE 8.00 #00ff7f Spring Green ΔE 8.24 #90ee90 Light Green ΔE 8.36 #0bda51 Malachite ΔE 9.51 #cc1967 Invertida #cbcbcb Escala de cinza 

Medium Spring Green
#33e698  rgb(51, 230, 152)  hsl(154, 78%, 55%)  Medium Spring Green
#e63381  rgb(230, 51, 129)  hsl(334, 78%, 55%)  Rose
#9833e6  rgb(152, 51, 230)  hsl(274, 78%, 55%)  Blue Violet
#e69833  rgb(230, 152, 51)  hsl(34, 78%, 55%)  Carrot Orange