ColorTool
Entrar
#1A746A

#1a746a ≈ Pine Green

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

#1a746a é uma cor da família “verde-azulado”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 10,2% de vermelho, 45,49% de verde e 41,57% de azul; impressa em CMYK, usa 77,59% de ciano, 0% de magenta, 8,62% de amarelo e 54,51% de preto. Seu ângulo de matiz é 173,33°, com 63,38% de saturação e 27,84% 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 marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 5,6:1 (WCAG AA). A cor nomeada mais próxima é Pine Green (#01796f), ΔE 1,99.

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

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

Complementar

  1. #1a746a
  2. #741a24

Complementar dividida

  1. #1a746a
  2. #741a51
  3. #743d1a

Análoga

  1. #1a743d
  2. #1a746a
  3. #1a5174

Triádica

  1. #1a746a
  2. #6a1a74
  3. #746a1a

Tetrádica

  1. #1a746a
  2. #1a2474
  3. #741a24
  4. #746a1a

Quadrada

  1. #1a746a
  2. #3d1a74
  3. #741a24
  4. #51741a

Monocromática

  1. #04110f
  2. #0c3531
  3. #1a746a
  4. #28b2a3
  5. #4fd8c8

Sombras

#1a746a misturado progressivamente com preto.

  1. #1a746a
  2. #17685f
  3. #155d55
  4. #12514a
  5. #104640
  6. #0d3a35
  7. #0a2e2a
  8. #082320
  9. #051715
  10. #030c0b
  11. #000000

Matizes claros

#1a746a misturado progressivamente com branco.

  1. #1a746a
  2. #318279
  3. #489088
  4. #5f9e97
  5. #76aca6
  6. #8dbab5
  7. #a3c7c3
  8. #bad5d2
  9. #d1e3e1
  10. #e8f1f0
  11. #ffffff

Tons

#1a746a misturado progressivamente com cinza.

  1. #1a746a
  2. #24756c
  3. #2e766e
  4. #397871
  5. #437973
  6. #4d7a75
  7. #577b77
  8. #617c79
  9. #6c7e7c
  10. #767f7e
  11. #808080

Texto legível 5.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.75:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% dos homens
Acromatomalia #536d69 ≈ 0.001% dos homens
Protanopia #6e6d6a ≈ 1.01% dos homens
Deuteranopia #62646b ≈ 1.27% dos homens
Tritanopia #007771 ≈ 0.0001% dos homens
Protanomalia #58706a ≈ 1.08% dos homens
Deuteranomalia #4e6b6b ≈ 4.63% dos homens
Tritanomalia #00766e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-1a746a {
  color: #1a746a;
}
Fundo
.bg-1a746a {
  background-color: #1a746a;
  color: #ffffff;
}
Borda
.border-1a746a {
  border: 2px solid #1a746a;
}
Variáveis CSS
:root {
  --color-primary: #1a746a;
  --color-primary-rgb: 26 116 106;
  --color-primary-hsl: 173 63% 28%;
}
Degradê
.gradient-1a746a {
  background: linear-gradient(135deg, #1a746a, #1a5174);
}
Sombra colorida
.shadow-1a746a {
  box-shadow: 0 8px 24px rgb(26 116 106 / 0.35);
}

#01796f Pine Green ΔE 1.99 #317873 Myrtle Green ΔE 3.50 #00755e Tropical Rain Forest ΔE 5.12 #008080 Teal ΔE 6.17 #40826d Viridian ΔE 7.39 #008b8b Dark Cyan ΔE 9.54 #006b3c Cadmium Green ΔE 13.26 #e58b95 Invertida #686868 Escala de cinza 

Pine Green
#1a746a  rgb(26, 116, 106)  hsl(173, 63%, 28%)  Pine Green
#741a24  rgb(116, 26, 36)  hsl(353, 63%, 28%)  Burgundy
#6a1a74  rgb(106, 26, 116)  hsl(293, 63%, 28%)  Purple
#746a1a  rgb(116, 106, 26)  hsl(53, 63%, 28%)  Olive