ColorTool
Entrar
#5FBD9F

#5fbd9f ≈ Medium Aquamarine

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

#5fbd9f é uma cor da família “verde-azulado”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 37,25% de vermelho, 74,12% de verde e 62,35% de azul; impressa em CMYK, usa 49,74% de ciano, 0% de magenta, 15,87% de amarelo e 25,88% de preto. Seu ângulo de matiz é 160,85°, com 41,59% de saturação e 55,69% 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 9,27:1 (WCAG AAA). A cor nomeada mais próxima é Medium Aquamarine (#66cdaa), ΔE 4,19.

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

Complementar

  1. #5fbd9f
  2. #bd5f7d

Complementar dividida

  1. #5fbd9f
  2. #bd5fac
  3. #bd705f

Análoga

  1. #5fbd70
  2. #5fbd9f
  3. #5facbd

Triádica

  1. #5fbd9f
  2. #9f5fbd
  3. #bd9f5f

Tetrádica

  1. #5fbd9f
  2. #5f7dbd
  3. #bd5f7d
  4. #bd9f5f

Quadrada

  1. #5fbd9f
  2. #705fbd
  3. #bd5f7d
  4. #acbd5f

Monocromática

  1. #265d4b
  2. #3d9377
  3. #5fbd9f
  4. #95d3c0
  5. #cbeae0

Sombras

#5fbd9f misturado progressivamente com preto.

  1. #5fbd9f
  2. #56aa8f
  3. #4c977f
  4. #43846f
  5. #39715f
  6. #305f50
  7. #264c40
  8. #1d3930
  9. #132620
  10. #0a1310
  11. #000000

Matizes claros

#5fbd9f misturado progressivamente com branco.

  1. #5fbd9f
  2. #6fc4a9
  3. #7fcab2
  4. #8fd1bc
  5. #9fd7c5
  6. #afdecf
  7. #bfe5d9
  8. #cfebe2
  9. #dff2ec
  10. #eff8f5
  11. #ffffff

Tons

#5fbd9f misturado progressivamente com cinza.

  1. #5fbd9f
  2. #62b79c
  3. #66b199
  4. #69ab96
  5. #6ca593
  6. #709f90
  7. #73988c
  8. #769289
  9. #798c86
  10. #7d8683
  11. #808080

Texto legível 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #acacac ≈ 0.003% dos homens
Acromatomalia #93b3a7 ≈ 0.001% dos homens
Protanopia #b8b29e ≈ 1.01% dos homens
Deuteranopia #aaa8a1 ≈ 1.27% dos homens
Tritanopia #3abeb4 ≈ 0.0001% dos homens
Protanomalia #9db79e ≈ 1.08% dos homens
Deuteranomalia #92b1a0 ≈ 4.63% dos homens
Tritanomalia #4cbeac ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5fbd9f {
  color: #5fbd9f;
}
Fundo
.bg-5fbd9f {
  background-color: #5fbd9f;
  color: #000000;
}
Borda
.border-5fbd9f {
  border: 2px solid #5fbd9f;
}
Variáveis CSS
:root {
  --color-primary: #5fbd9f;
  --color-primary-rgb: 95 189 159;
  --color-primary-hsl: 161 42% 56%;
}
Degradê
.gradient-5fbd9f {
  background: linear-gradient(135deg, #5fbd9f, #5facbd);
}
Sombra colorida
.shadow-5fbd9f {
  box-shadow: 0 8px 24px rgb(95 189 159 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 4.19 #3eb489 Mint ΔE 5.18 #29ab87 Jungle Green ΔE 6.80 #00cc99 Caribbean Green ΔE 7.12 #00a693 Persian Green ΔE 9.07 #20b2aa Light Sea Green ΔE 9.18 #43b3ae Verdigris ΔE 9.40 #a04260 Invertida #acacac Escala de cinza 

Medium Aquamarine
#5fbd9f  rgb(95, 189, 159)  hsl(161, 42%, 56%)  Medium Aquamarine
#bd5f7d  rgb(189, 95, 125)  hsl(341, 42%, 56%)  Rose Gold
#9f5fbd  rgb(159, 95, 189)  hsl(281, 42%, 56%)  Amethyst
#bd9f5f  rgb(189, 159, 95)  hsl(41, 42%, 56%)  Camel