ColorTool
Entrar
#3DD2AF

#3dd2af ≈ Medium Aquamarine

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

#3dd2af é uma cor da família “verde-azulado”, com luminosidade média e saturação forte. No modelo RGB, é formada por 23,92% de vermelho, 82,35% de verde e 68,63% de azul; impressa em CMYK, usa 70,95% de ciano, 0% de magenta, 16,67% de amarelo e 17,65% de preto. Seu ângulo de matiz é 165,91°, com 62,34% de saturação e 53,14% de luminosidade em HSL. É uma cor fria, 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 11,04:1 (WCAG AAA). A cor nomeada mais próxima é Medium Aquamarine (#66cdaa), ΔE 3,47.

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

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

Complementar

  1. #3dd2af
  2. #d23d60

Complementar dividida

  1. #3dd2af
  2. #d23daa
  3. #d2653d

Análoga

  1. #3dd265
  2. #3dd2af
  3. #3daad2

Triádica

  1. #3dd2af
  2. #af3dd2
  3. #d2af3d

Tetrádica

  1. #3dd2af
  2. #3d60d2
  3. #d23d60
  4. #d2af3d

Quadrada

  1. #3dd2af
  2. #653dd2
  3. #d23d60
  4. #aad23d

Monocromática

  1. #16604f
  2. #259e81
  3. #3dd2af
  4. #7be0c9
  5. #b9efe2

Sombras

#3dd2af misturado progressivamente com preto.

  1. #3dd2af
  2. #37bd9e
  3. #31a88c
  4. #2b937b
  5. #257e69
  6. #1f6958
  7. #185446
  8. #123f35
  9. #0c2a23
  10. #061512
  11. #000000

Matizes claros

#3dd2af misturado progressivamente com branco.

  1. #3dd2af
  2. #50d7b7
  3. #64dbbf
  4. #77e0c7
  5. #8be4cf
  6. #9ee9d7
  7. #b1eddf
  8. #c5f2e7
  9. #d8f6ef
  10. #ecfbf7
  11. #ffffff

Tons

#3dd2af misturado progressivamente com cinza.

  1. #3dd2af
  2. #44caaa
  3. #4ac2a6
  4. #51b9a1
  5. #58b19c
  6. #5fa998
  7. #65a193
  8. #6c998e
  9. #739089
  10. #798885
  11. #808080

Texto legível 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 11.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bcbcbc ≈ 0.003% dos homens
Acromatomalia #99c5b7 ≈ 0.001% dos homens
Protanopia #cbc4ad ≈ 1.01% dos homens
Deuteranopia #b7b6b2 ≈ 1.27% dos homens
Tritanopia #00d4c8 ≈ 0.0001% dos homens
Protanomalia #a5caae ≈ 1.08% dos homens
Deuteranomalia #96c2b1 ≈ 4.63% dos homens
Tritanomalia #00d3be ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-3dd2af {
  color: #3dd2af;
}
Fundo
.bg-3dd2af {
  background-color: #3dd2af;
  color: #000000;
}
Borda
.border-3dd2af {
  border: 2px solid #3dd2af;
}
Variáveis CSS
:root {
  --color-primary: #3dd2af;
  --color-primary-rgb: 61 210 175;
  --color-primary-hsl: 166 62% 53%;
}
Degradê
.gradient-3dd2af {
  background: linear-gradient(135deg, #3dd2af, #3daad2);
}
Sombra colorida
.shadow-3dd2af {
  box-shadow: 0 8px 24px rgb(61 210 175 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 3.47 #00cc99 Caribbean Green ΔE 4.66 #40e0d0 Turquoise ΔE 7.08 #3eb489 Mint ΔE 8.63 #48d1cc Medium Turquoise ΔE 9.70 #08e8de Bright Turquoise ΔE 9.90 #9fe2bf Seafoam Green ΔE 9.98 #c22d50 Invertida #bcbcbc Escala de cinza 

Medium Aquamarine
#3dd2af  rgb(61, 210, 175)  hsl(166, 62%, 53%)  Medium Aquamarine
#d23d60  rgb(210, 61, 96)  hsl(346, 62%, 53%)  Cerise
#af3dd2  rgb(175, 61, 210)  hsl(286, 62%, 53%)  Dark Orchid
#d2af3d  rgb(210, 175, 61)  hsl(46, 62%, 53%)  Metallic Gold