ColorTool
Entrar
#4AB3A7

#4ab3a7 ≈ Verdigris

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

#4ab3a7 é uma cor da família “verde-azulado”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 29,02% de vermelho, 70,2% de verde e 65,49% de azul; impressa em CMYK, usa 58,66% de ciano, 0% de magenta, 6,7% de amarelo e 29,8% de preto. Seu ângulo de matiz é 173,14°, com 41,5% de saturação e 49,61% 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 detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 8,3:1 (WCAG AAA). A cor nomeada mais próxima é Verdigris (#43b3ae), ΔE 2,66.

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

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

Complementar

  1. #4ab3a7
  2. #b34a56

Complementar dividida

  1. #4ab3a7
  2. #b34a8b
  3. #b3734a

Análoga

  1. #4ab373
  2. #4ab3a7
  3. #4a8bb3

Triádica

  1. #4ab3a7
  2. #a74ab3
  3. #b3a74a

Tetrádica

  1. #4ab3a7
  2. #4a56b3
  3. #b34a56
  4. #b3a74a

Quadrada

  1. #4ab3a7
  2. #734ab3
  3. #b34a56
  4. #8bb34a

Monocromática

  1. #1d4742
  2. #347d75
  3. #4ab3a7
  4. #7fcac2
  5. #b5e1dc

Sombras

#4ab3a7 misturado progressivamente com preto.

  1. #4ab3a7
  2. #43a196
  3. #3b8f86
  4. #347d75
  5. #2c6b64
  6. #255a54
  7. #1e4843
  8. #163632
  9. #0f2421
  10. #071211
  11. #000000

Matizes claros

#4ab3a7 misturado progressivamente com branco.

  1. #4ab3a7
  2. #5cbbb0
  3. #6ec2b9
  4. #80cac1
  5. #92d1ca
  6. #a5d9d3
  7. #b7e1dc
  8. #c9e8e5
  9. #dbf0ed
  10. #edf7f6
  11. #ffffff

Tons

#4ab3a7 misturado progressivamente com cinza.

  1. #4ab3a7
  2. #4faea3
  3. #55a99f
  4. #5aa49b
  5. #609f97
  6. #659a94
  7. #6a9490
  8. #708f8c
  9. #758a88
  10. #7b8584
  11. #808080

Texto legível 2.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a3a3a3 ≈ 0.003% dos homens
Acromatomalia #88a9a4 ≈ 0.001% dos homens
Protanopia #abaaa7 ≈ 1.01% dos homens
Deuteranopia #9a9ea8 ≈ 1.27% dos homens
Tritanopia #00b7af ≈ 0.0001% dos homens
Protanomalia #8eaea7 ≈ 1.08% dos homens
Deuteranomalia #82a7a8 ≈ 4.63% dos homens
Tritanomalia #23b5ac ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-4ab3a7 {
  color: #4ab3a7;
}
Fundo
.bg-4ab3a7 {
  background-color: #4ab3a7;
  color: #000000;
}
Borda
.border-4ab3a7 {
  border: 2px solid #4ab3a7;
}
Variáveis CSS
:root {
  --color-primary: #4ab3a7;
  --color-primary-rgb: 74 179 167;
  --color-primary-hsl: 173 42% 50%;
}
Degradê
.gradient-4ab3a7 {
  background: linear-gradient(135deg, #4ab3a7, #4a8bb3);
}
Sombra colorida
.shadow-4ab3a7 {
  box-shadow: 0 8px 24px rgb(74 179 167 / 0.35);
}

#43b3ae Verdigris ΔE 2.66 #20b2aa Light Sea Green ΔE 2.78 #0abab5 Tiffany Blue ΔE 4.16 #00a693 Persian Green ΔE 5.87 #00cccc Robin Egg Blue ΔE 8.30 #48d1cc Medium Turquoise ΔE 8.40 #29ab87 Jungle Green ΔE 8.66 #b54c58 Invertida #a3a3a3 Escala de cinza 

Verdigris
#4ab3a7  rgb(74, 179, 167)  hsl(173, 42%, 50%)  Verdigris
#b34a56  rgb(179, 74, 86)  hsl(353, 42%, 50%)  Brick Red
#a74ab3  rgb(167, 74, 179)  hsl(293, 42%, 50%)  Purpureus
#b3a74a  rgb(179, 167, 74)  hsl(53, 42%, 50%)  Brass