ColorTool
Entrar
#369170

#369170 ≈ Sea Green

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

#369170 é uma cor da família “verde-azulado”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 21,18% de vermelho, 56,86% de verde e 43,92% de azul; impressa em CMYK, usa 62,76% de ciano, 0% de magenta, 22,76% de amarelo e 43,14% de preto. Seu ângulo de matiz é 158,24°, com 45,73% de saturação e 39,02% 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 5,44:1 (WCAG AA). A cor nomeada mais próxima é Sea Green (#2e8b57), ΔE 5,95.

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

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

Complementar

  1. #369170
  2. #913657

Complementar dividida

  1. #369170
  2. #913685
  3. #914236

Análoga

  1. #369142
  2. #369170
  3. #368591

Triádica

  1. #369170
  2. #703691
  3. #917036

Tetrádica

  1. #369170
  2. #365791
  3. #913657
  4. #917036

Quadrada

  1. #369170
  2. #423691
  3. #913657
  4. #859136

Monocromática

  1. #0c221a
  2. #215945
  3. #369170
  4. #54bf98
  5. #8cd4ba

Sombras

#369170 misturado progressivamente com preto.

  1. #369170
  2. #318365
  3. #2b745a
  4. #26664e
  5. #205743
  6. #1b4938
  7. #163a2d
  8. #102c22
  9. #0b1d16
  10. #050f0b
  11. #000000

Matizes claros

#369170 misturado progressivamente com branco.

  1. #369170
  2. #4a9c7e
  3. #5ea78d
  4. #72b29b
  5. #86bda9
  6. #9bc8b8
  7. #afd3c6
  8. #c3ded4
  9. #d7e9e2
  10. #ebf4f1
  11. #ffffff

Tons

#369170 misturado progressivamente com cinza.

  1. #369170
  2. #3d8f72
  3. #458e73
  4. #4c8c75
  5. #548a76
  6. #5b8978
  7. #62877a
  8. #6a857b
  9. #71837d
  10. #79827e
  11. #808080

Texto legível 3.86:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.44:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #828282 ≈ 0.003% dos homens
Acromatomalia #6b887b ≈ 0.001% dos homens
Protanopia #8e876e ≈ 1.01% dos homens
Deuteranopia #817e72 ≈ 1.27% dos homens
Tritanopia #009188 ≈ 0.0001% dos homens
Protanomalia #758b6f ≈ 1.08% dos homens
Deuteranomalia #6b8671 ≈ 4.63% dos homens
Tritanomalia #1d917f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-369170 {
  color: #369170;
}
Fundo
.bg-369170 {
  background-color: #369170;
  color: #000000;
}
Borda
.border-369170 {
  border: 2px solid #369170;
}
Variáveis CSS
:root {
  --color-primary: #369170;
  --color-primary-rgb: 54 145 112;
  --color-primary-hsl: 158 46% 39%;
}
Degradê
.gradient-369170 {
  background: linear-gradient(135deg, #369170, #368591);
}
Sombra colorida
.shadow-369170 {
  box-shadow: 0 8px 24px rgb(54 145 112 / 0.35);
}

#2e8b57 Sea Green ΔE 5.95 #40826d Viridian ΔE 6.23 #009e60 Shamrock Green ΔE 7.73 #29ab87 Jungle Green ΔE 8.28 #00a693 Persian Green ΔE 9.18 #00a86b Jade ΔE 9.20 #3eb489 Mint ΔE 10.84 #c96e8f Invertida #828282 Escala de cinza 

Sea Green
#369170  rgb(54, 145, 112)  hsl(158, 46%, 39%)  Sea Green
#913657  rgb(145, 54, 87)  hsl(338, 46%, 39%)  Boysenberry
#703691  rgb(112, 54, 145)  hsl(278, 46%, 39%)  Eminence
#917036  rgb(145, 112, 54)  hsl(38, 46%, 39%)  Golden Brown