ColorTool
Entrar
#20B6BD

#20b6bd ≈ Verdigris

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

#20b6bd é uma cor da família “ciano”, com luminosidade média e saturação forte. No modelo RGB, é formada por 12,55% de vermelho, 71,37% de verde e 74,12% de azul; impressa em CMYK, usa 83,07% de ciano, 3,7% de magenta, 0% de amarelo e 25,88% de preto. Seu ângulo de matiz é 182,68°, com 71,04% de saturação e 43,33% de luminosidade em HSL. É uma cor fria, muitas vezes associada a frescor, tecnologia e clareza. 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,49:1 (WCAG AAA). A cor nomeada mais próxima é Verdigris (#43b3ae), ΔE 4,54.

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

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

Complementar

  1. #20b6bd
  2. #bd2720

Complementar dividida

  1. #20b6bd
  2. #bd2067
  3. #bd7620

Análoga

  1. #20bd76
  2. #20b6bd
  3. #2067bd

Triádica

  1. #20b6bd
  2. #bd20b6
  3. #b6bd20

Tetrádica

  1. #20b6bd
  2. #2720bd
  3. #bd2720
  4. #b6bd20

Quadrada

  1. #20b6bd
  2. #7620bd
  3. #bd2720
  4. #67bd20

Monocromática

  1. #0a383a
  2. #15777c
  3. #20b6bd
  4. #49d9e0
  5. #8be7eb

Sombras

#20b6bd misturado progressivamente com preto.

  1. #20b6bd
  2. #1da4aa
  3. #1a9297
  4. #167f84
  5. #136d71
  6. #105b5f
  7. #0d494c
  8. #0a3739
  9. #062426
  10. #031213
  11. #000000

Matizes claros

#20b6bd misturado progressivamente com branco.

  1. #20b6bd
  2. #36bdc4
  3. #4dc5ca
  4. #63ccd1
  5. #79d3d7
  6. #90dbde
  7. #a6e2e5
  8. #bce9eb
  9. #d2f0f2
  10. #e9f8f8
  11. #ffffff

Tons

#20b6bd misturado progressivamente com cinza.

  1. #20b6bd
  2. #2ab1b7
  3. #33abb1
  4. #3da6ab
  5. #46a0a5
  6. #509b9f
  7. #5a9698
  8. #639092
  9. #6d8b8c
  10. #768586
  11. #808080

Texto legível 2.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a5a5a5 ≈ 0.003% dos homens
Acromatomalia #84acaf ≈ 0.001% dos homens
Protanopia #a8adbe ≈ 1.01% dos homens
Deuteranopia #939ebe ≈ 1.27% dos homens
Tritanopia #00bdb8 ≈ 0.0001% dos homens
Protanomalia #86b1bd ≈ 1.08% dos homens
Deuteranomalia #76a8bd ≈ 4.63% dos homens
Tritanomalia #00baba ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-20b6bd {
  color: #20b6bd;
}
Fundo
.bg-20b6bd {
  background-color: #20b6bd;
  color: #000000;
}
Borda
.border-20b6bd {
  border: 2px solid #20b6bd;
}
Variáveis CSS
:root {
  --color-primary: #20b6bd;
  --color-primary-rgb: 32 182 189;
  --color-primary-hsl: 183 71% 43%;
}
Degradê
.gradient-20b6bd {
  background: linear-gradient(135deg, #20b6bd, #2067bd);
}
Sombra colorida
.shadow-20b6bd {
  box-shadow: 0 8px 24px rgb(32 182 189 / 0.35);
}

#43b3ae Verdigris ΔE 4.54 #0abab5 Tiffany Blue ΔE 4.65 #20b2aa Light Sea Green ΔE 5.73 #00cccc Robin Egg Blue ΔE 6.32 #00ced1 Dark Turquoise ΔE 6.45 #48d1cc Medium Turquoise ΔE 8.20 #5f9ea0 Cadet Blue ΔE 8.77 #df4942 Invertida #a5a5a5 Escala de cinza 

Verdigris
#20b6bd  rgb(32, 182, 189)  hsl(183, 71%, 43%)  Verdigris
#bd2720  rgb(189, 39, 32)  hsl(3, 71%, 43%)  Venetian Red
#bd20b6  rgb(189, 32, 182)  hsl(303, 71%, 43%)  Purpureus
#b6bd20  rgb(182, 189, 32)  hsl(63, 71%, 43%)  Apple Green