ColorTool
Entrar
#55F8CA

#55f8ca ≈ Aquamarine

  • verde-azulado
  • Luminosidade: alta
  • Saturação: forte
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#55f8ca é uma cor da família “verde-azulado”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 33,33% de vermelho, 97,25% de verde e 79,22% de azul; impressa em CMYK, usa 65,73% de ciano, 0% de magenta, 18,55% de amarelo e 2,75% de preto. Seu ângulo de matiz é 163,07°, com 92,09% de saturação e 65,29% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 15,67:1 (WCAG AAA). A cor nomeada mais próxima é Aquamarine (#7fffd4), ΔE 3,15.

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

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

Complementar

  1. #55f8ca
  2. #f85583

Complementar dividida

  1. #55f8ca
  2. #f855d4
  3. #f87855

Análoga

  1. #55f878
  2. #55f8ca
  3. #55d4f8

Triádica

  1. #55f8ca
  2. #ca55f8
  3. #f8ca55

Tetrádica

  1. #55f8ca
  2. #5583f8
  3. #f85583
  4. #f8ca55

Quadrada

  1. #55f8ca
  2. #7855f8
  3. #f85583
  4. #d4f855

Monocromática

  1. #07ad7e
  2. #0cf5b3
  3. #55f8ca
  4. #9efbe1
  5. #e8fef8

Sombras

#55f8ca misturado progressivamente com preto.

  1. #55f8ca
  2. #4ddfb6
  3. #44c6a2
  4. #3cae8d
  5. #339579
  6. #2b7c65
  7. #226351
  8. #1a4a3d
  9. #113228
  10. #091914
  11. #000000

Matizes claros

#55f8ca misturado progressivamente com branco.

  1. #55f8ca
  2. #66f9cf
  3. #77f9d5
  4. #88fada
  5. #99fbdf
  6. #aafce5
  7. #bbfcea
  8. #ccfdef
  9. #ddfef4
  10. #eefefa
  11. #ffffff

Tons

#55f8ca misturado progressivamente com cinza.

  1. #55f8ca
  2. #59ecc3
  3. #5ee0bb
  4. #62d4b4
  5. #66c8ac
  6. #6bbca5
  7. #6fb09e
  8. #73a496
  9. #77988f
  10. #7c8c87
  11. #808080

Texto legível 1.34:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dedede ≈ 0.003% dos homens
Acromatomalia #b7e9d7 ≈ 0.001% dos homens
Protanopia #f1e8c8 ≈ 1.01% dos homens
Deuteranopia #dbd8cd ≈ 1.27% dos homens
Tritanopia #00faeb ≈ 0.0001% dos homens
Protanomalia #c6efc9 ≈ 1.08% dos homens
Deuteranomalia #b5e5cc ≈ 4.63% dos homens
Tritanomalia #00f9de ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-55f8ca {
  color: #55f8ca;
}
Fundo
.bg-55f8ca {
  background-color: #55f8ca;
  color: #000000;
}
Borda
.border-55f8ca {
  border: 2px solid #55f8ca;
}
Variáveis CSS
:root {
  --color-primary: #55f8ca;
  --color-primary-rgb: 85 248 202;
  --color-primary-hsl: 163 92% 65%;
}
Degradê
.gradient-55f8ca {
  background: linear-gradient(135deg, #55f8ca, #55d4f8);
}
Sombra colorida
.shadow-55f8ca {
  box-shadow: 0 8px 24px rgb(85 248 202 / 0.35);
}

#7fffd4 Aquamarine ΔE 3.15 #aaf0d1 Magic Mint ΔE 8.85 #00ffef Turquoise Blue ΔE 9.17 #9fe2bf Seafoam Green ΔE 9.40 #00fa9a Medium Spring Green ΔE 9.45 #40e0d0 Turquoise ΔE 9.54 #66cdaa Medium Aquamarine ΔE 9.94 #aa0735 Invertida #dedede Escala de cinza 

Aquamarine
#55f8ca  rgb(85, 248, 202)  hsl(163, 92%, 65%)  Aquamarine
#f85583  rgb(248, 85, 131)  hsl(343, 92%, 65%)  French Rose
#ca55f8  rgb(202, 85, 248)  hsl(283, 92%, 65%)  Medium Orchid
#f8ca55  rgb(248, 202, 85)  hsl(43, 92%, 65%)  Saffron