ColorTool
Entrar
#3BB6AB

#3bb6ab ≈ Light Sea Green

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

#3bb6ab é uma cor da família “verde-azulado”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 23,14% de vermelho, 71,37% de verde e 67,06% de azul; impressa em CMYK, usa 67,58% de ciano, 0% de magenta, 6,04% de amarelo e 28,63% de preto. Seu ângulo de matiz é 174,63°, com 51,04% de saturação e 47,25% 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 8,47:1 (WCAG AAA). A cor nomeada mais próxima é Light Sea Green (#20b2aa), ΔE 1,96.

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.3733

Complementar

  1. #3bb6ab
  2. #b63b46

Complementar dividida

  1. #3bb6ab
  2. #b63b83
  3. #b66d3b

Análoga

  1. #3bb66d
  2. #3bb6ab
  3. #3b83b6

Triádica

  1. #3bb6ab
  2. #ab3bb6
  3. #b6ab3b

Tetrádica

  1. #3bb6ab
  2. #3b46b6
  3. #b63b46
  4. #b6ab3b

Quadrada

  1. #3bb6ab
  2. #6d3bb6
  3. #b63b46
  4. #83b63b

Monocromática

  1. #16423e
  2. #287c75
  3. #3bb6ab
  4. #6ed0c7
  5. #a7e3dd

Sombras

#3bb6ab misturado progressivamente com preto.

  1. #3bb6ab
  2. #35a49a
  3. #2f9289
  4. #297f78
  5. #236d67
  6. #1e5b56
  7. #184944
  8. #123733
  9. #0c2422
  10. #061211
  11. #000000

Matizes claros

#3bb6ab misturado progressivamente com branco.

  1. #3bb6ab
  2. #4fbdb3
  3. #62c5bc
  4. #76ccc4
  5. #89d3cd
  6. #9ddbd5
  7. #b1e2dd
  8. #c4e9e6
  9. #d8f0ee
  10. #ebf8f7
  11. #ffffff

Tons

#3bb6ab misturado progressivamente com cinza.

  1. #3bb6ab
  2. #42b1a7
  3. #49aba2
  4. #50a69e
  5. #57a09a
  6. #5e9b96
  7. #649691
  8. #6b908d
  9. #728b89
  10. #798584
  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 #87aca7 ≈ 0.001% dos homens
Protanopia #adacab ≈ 1.01% dos homens
Deuteranopia #9b9fac ≈ 1.27% dos homens
Tritanopia #00bab2 ≈ 0.0001% dos homens
Protanomalia #8db0ab ≈ 1.08% dos homens
Deuteranomalia #7fa9ac ≈ 4.63% dos homens
Tritanomalia #00b9af ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-3bb6ab {
  color: #3bb6ab;
}
Fundo
.bg-3bb6ab {
  background-color: #3bb6ab;
  color: #000000;
}
Borda
.border-3bb6ab {
  border: 2px solid #3bb6ab;
}
Variáveis CSS
:root {
  --color-primary: #3bb6ab;
  --color-primary-rgb: 59 182 171;
  --color-primary-hsl: 175 51% 47%;
}
Degradê
.gradient-3bb6ab {
  background: linear-gradient(135deg, #3bb6ab, #3b83b6);
}
Sombra colorida
.shadow-3bb6ab {
  box-shadow: 0 8px 24px rgb(59 182 171 / 0.35);
}

#20b2aa Light Sea Green ΔE 1.96 #43b3ae Verdigris ΔE 2.45 #0abab5 Tiffany Blue ΔE 2.87 #00a693 Persian Green ΔE 6.16 #00cccc Robin Egg Blue ΔE 7.16 #48d1cc Medium Turquoise ΔE 7.52 #00ced1 Dark Turquoise ΔE 8.15 #c44954 Invertida #a4a4a4 Escala de cinza 

Light Sea Green
#3bb6ab  rgb(59, 182, 171)  hsl(175, 51%, 47%)  Light Sea Green
#b63b46  rgb(182, 59, 70)  hsl(355, 51%, 47%)  Cardinal
#ab3bb6  rgb(171, 59, 182)  hsl(295, 51%, 47%)  Purpureus
#b6ab3b  rgb(182, 171, 59)  hsl(55, 51%, 47%)  Brass