ColorTool
Entrar
#54CCAC

#54ccac ≈ Medium Aquamarine

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

#54ccac é uma cor da família “verde-azulado”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 32,94% de vermelho, 80% de verde e 67,45% de azul; impressa em CMYK, usa 58,82% de ciano, 0% de magenta, 15,69% de amarelo e 20% de preto. Seu ângulo de matiz é 164°, com 54,05% de saturação e 56,47% 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 10,61:1 (WCAG AAA). A cor nomeada mais próxima é Medium Aquamarine (#66cdaa), ΔE 2.

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

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

Complementar

  1. #54ccac
  2. #cc5474

Complementar dividida

  1. #54ccac
  2. #cc54b0
  3. #cc7054

Análoga

  1. #54cc70
  2. #54ccac
  3. #54b0cc

Triádica

  1. #54ccac
  2. #ac54cc
  3. #ccac54

Tetrádica

  1. #54ccac
  2. #5474cc
  3. #cc5474
  4. #ccac54

Quadrada

  1. #54ccac
  2. #7054cc
  3. #cc5474
  4. #b0cc54

Monocromática

  1. #1f6855
  2. #31a384
  3. #54ccac
  4. #8fdec9
  5. #caefe5

Sombras

#54ccac misturado progressivamente com preto.

  1. #54ccac
  2. #4cb89b
  3. #43a38a
  4. #3b8f78
  5. #327a67
  6. #2a6656
  7. #225245
  8. #193d34
  9. #112922
  10. #081411
  11. #000000

Matizes claros

#54ccac misturado progressivamente com branco.

  1. #54ccac
  2. #65d1b4
  3. #76d6bd
  4. #87dbc5
  5. #98e0cd
  6. #aae6d6
  7. #bbebde
  8. #ccf0e6
  9. #ddf5ee
  10. #eefaf7
  11. #ffffff

Tons

#54ccac misturado progressivamente com cinza.

  1. #54ccac
  2. #58c4a8
  3. #5dbda3
  4. #61b59f
  5. #66ae9a
  6. #6aa696
  7. #6e9e92
  8. #73978d
  9. #778f89
  10. #7c8884
  11. #808080

Texto legível 1.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b8b8b8 ≈ 0.003% dos homens
Acromatomalia #9ac0b3 ≈ 0.001% dos homens
Protanopia #c6c0aa ≈ 1.01% dos homens
Deuteranopia #b4b3ae ≈ 1.27% dos homens
Tritanopia #00cec3 ≈ 0.0001% dos homens
Protanomalia #a5c5ab ≈ 1.08% dos homens
Deuteranomalia #97bdad ≈ 4.63% dos homens
Tritanomalia #31cdba ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-54ccac {
  color: #54ccac;
}
Fundo
.bg-54ccac {
  background-color: #54ccac;
  color: #000000;
}
Borda
.border-54ccac {
  border: 2px solid #54ccac;
}
Variáveis CSS
:root {
  --color-primary: #54ccac;
  --color-primary-rgb: 84 204 172;
  --color-primary-hsl: 164 54% 56%;
}
Degradê
.gradient-54ccac {
  background: linear-gradient(135deg, #54ccac, #54b0cc);
}
Sombra colorida
.shadow-54ccac {
  box-shadow: 0 8px 24px rgb(84 204 172 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 2.00 #00cc99 Caribbean Green ΔE 5.40 #3eb489 Mint ΔE 7.61 #40e0d0 Turquoise ΔE 7.66 #48d1cc Medium Turquoise ΔE 9.33 #9fe2bf Seafoam Green ΔE 9.37 #29ab87 Jungle Green ΔE 9.60 #ab3353 Invertida #b8b8b8 Escala de cinza 

Medium Aquamarine
#54ccac  rgb(84, 204, 172)  hsl(164, 54%, 56%)  Medium Aquamarine
#cc5474  rgb(204, 84, 116)  hsl(344, 54%, 56%)  Blush
#ac54cc  rgb(172, 84, 204)  hsl(284, 54%, 56%)  Medium Orchid
#ccac54  rgb(204, 172, 84)  hsl(44, 54%, 56%)  Metallic Gold