ColorTool
Entrar
#06DCC1

#06dcc1 ≈ Turquoise

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

#06dcc1 é uma cor da família “verde-azulado”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 2,35% de vermelho, 86,27% de verde e 75,69% de azul; impressa em CMYK, usa 97,27% de ciano, 0% de magenta, 12,27% de amarelo e 13,73% de preto. Seu ângulo de matiz é 172,43°, com 94,69% de saturação e 44,31% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 12,02:1 (WCAG AAA). A cor nomeada mais próxima é Turquoise (#40e0d0), ΔE 3,85.

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

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

Complementar

  1. #06dcc1
  2. #dc0621

Complementar dividida

  1. #06dcc1
  2. #dc068c
  3. #dc5606

Análoga

  1. #06dc56
  2. #06dcc1
  3. #068cdc

Triádica

  1. #06dcc1
  2. #c106dc
  3. #dcc106

Tetrádica

  1. #06dcc1
  2. #0621dc
  3. #dc0621
  4. #dcc106

Quadrada

  1. #06dcc1
  2. #5606dc
  3. #dc0621
  4. #8cdc06

Monocromática

  1. #02473e
  2. #049280
  3. #06dcc1
  4. #35f9e1
  5. #7ffcec

Sombras

#06dcc1 misturado progressivamente com preto.

  1. #06dcc1
  2. #05c6ae
  3. #05b09a
  4. #049a87
  5. #048474
  6. #036e61
  7. #02584d
  8. #02423a
  9. #012c27
  10. #011613
  11. #000000

Matizes claros

#06dcc1 misturado progressivamente com branco.

  1. #06dcc1
  2. #1fe0c7
  3. #38e3cd
  4. #51e7d4
  5. #6aeada
  6. #83eee0
  7. #9bf1e6
  8. #b4f5ec
  9. #cdf8f3
  10. #e6fcf9
  11. #ffffff

Tons

#06dcc1 misturado progressivamente com cinza.

  1. #06dcc1
  2. #12d3bb
  3. #1ecab4
  4. #2bc0ae
  5. #37b7a7
  6. #43aea1
  7. #4fa59a
  8. #5b9c94
  9. #68928d
  10. #748987
  11. #808080

Texto legível 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c4c4c4 ≈ 0.003% dos homens
Acromatomalia #9ccec3 ≈ 0.001% dos homens
Protanopia #d2cec0 ≈ 1.01% dos homens
Deuteranopia #bbbdc3 ≈ 1.27% dos homens
Tritanopia #00e0d4 ≈ 0.0001% dos homens
Protanomalia #a7d4c0 ≈ 1.08% dos homens
Deuteranomalia #94cac2 ≈ 4.63% dos homens
Tritanomalia #00decd ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-06dcc1 {
  color: #06dcc1;
}
Fundo
.bg-06dcc1 {
  background-color: #06dcc1;
  color: #000000;
}
Borda
.border-06dcc1 {
  border: 2px solid #06dcc1;
}
Variáveis CSS
:root {
  --color-primary: #06dcc1;
  --color-primary-rgb: 6 220 193;
  --color-primary-hsl: 172 95% 44%;
}
Degradê
.gradient-06dcc1 {
  background: linear-gradient(135deg, #06dcc1, #068cdc);
}
Sombra colorida
.shadow-06dcc1 {
  box-shadow: 0 8px 24px rgb(6 220 193 / 0.35);
}

#40e0d0 Turquoise ΔE 3.85 #08e8de Bright Turquoise ΔE 6.20 #66cdaa Medium Aquamarine ΔE 6.83 #48d1cc Medium Turquoise ΔE 7.65 #00cc99 Caribbean Green ΔE 8.05 #00ffef Turquoise Blue ΔE 8.67 #00cccc Robin Egg Blue ΔE 9.32 #f9233e Invertida #c4c4c4 Escala de cinza 

Turquoise
#06dcc1  rgb(6, 220, 193)  hsl(172, 95%, 44%)  Turquoise
#dc0621  rgb(220, 6, 33)  hsl(352, 95%, 44%)  Cadmium Red
#c106dc  rgb(193, 6, 220)  hsl(292, 95%, 44%)  Electric Purple
#dcc106  rgb(220, 193, 6)  hsl(52, 95%, 44%)  Citrine