ColorTool
Entrar
#224A3D

#224a3d ≈ Phthalo Green

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

#224a3d é uma cor da família “verde-azulado”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 13,33% de vermelho, 29,02% de verde e 23,92% de azul; impressa em CMYK, usa 54,05% de ciano, 0% de magenta, 17,57% de amarelo e 70,98% de preto. Seu ângulo de matiz é 160,5°, com 37,04% de saturação e 21,18% 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 marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 9,93:1 (WCAG AAA). A cor nomeada mais próxima é Phthalo Green (#123524), ΔE 7.

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

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

Complementar

  1. #224a3d
  2. #4a222f

Complementar dividida

  1. #224a3d
  2. #4a2243
  3. #4a2922

Análoga

  1. #224a29
  2. #224a3d
  3. #22434a

Triádica

  1. #224a3d
  2. #3d224a
  3. #4a3d22

Tetrádica

  1. #224a3d
  2. #222f4a
  3. #4a222f
  4. #4a3d22

Quadrada

  1. #224a3d
  2. #29224a
  3. #4a222f
  4. #434a22

Monocromática

  1. #060e0c
  2. #0a1612
  3. #224a3d
  4. #3a7e68
  5. #54b193

Sombras

#224a3d misturado progressivamente com preto.

  1. #224a3d
  2. #1f4337
  3. #1b3b31
  4. #18342b
  5. #142c25
  6. #11251f
  7. #0e1e18
  8. #0a1612
  9. #070f0c
  10. #030706
  11. #000000

Matizes claros

#224a3d misturado progressivamente com branco.

  1. #224a3d
  2. #385c50
  3. #4e6e64
  4. #648077
  5. #7a928b
  6. #91a59e
  7. #a7b7b1
  8. #bdc9c5
  9. #d3dbd8
  10. #e9edec
  11. #ffffff

Tons

#224a3d misturado progressivamente com cinza.

  1. #224a3d
  2. #2b4f44
  3. #35554a
  4. #3e5a51
  5. #486058
  6. #51655f
  7. #5a6a65
  8. #64706c
  9. #6d7573
  10. #777b79
  11. #808080

Texto legível 9.93:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #434343 ≈ 0.003% dos homens
Acromatomalia #384641 ≈ 0.001% dos homens
Protanopia #48453c ≈ 1.01% dos homens
Deuteranopia #42413e ≈ 1.27% dos homens
Tritanopia #134a46 ≈ 0.0001% dos homens
Protanomalia #3c473d ≈ 1.08% dos homens
Deuteranomalia #38453e ≈ 4.63% dos homens
Tritanomalia #1a4a43 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-224a3d {
  color: #224a3d;
}
Fundo
.bg-224a3d {
  background-color: #224a3d;
  color: #ffffff;
}
Borda
.border-224a3d {
  border: 2px solid #224a3d;
}
Variáveis CSS
:root {
  --color-primary: #224a3d;
  --color-primary-rgb: 34 74 61;
  --color-primary-hsl: 161 37% 21%;
}
Degradê
.gradient-224a3d {
  background: linear-gradient(135deg, #224a3d, #22434a);
}
Sombra colorida
.shadow-224a3d {
  box-shadow: 0 8px 24px rgb(34 74 61 / 0.35);
}

#123524 Phthalo Green ΔE 7.00 #2f4f4f Dark Slate Gray ΔE 7.47 #2f4f4f Dark Slate Grey ΔE 7.47 #004225 British Racing Green ΔE 7.68 #355e3b Hunter Green ΔE 9.88 #4d5d53 Feldgrau ΔE 10.69 #444c38 Rifle Green ΔE 10.77 #ddb5c2 Invertida #434343 Escala de cinza 

Phthalo Green
#224a3d  rgb(34, 74, 61)  hsl(161, 37%, 21%)  Phthalo Green
#4a222f  rgb(74, 34, 47)  hsl(341, 37%, 21%)  Eggplant
#3d224a  rgb(61, 34, 74)  hsl(281, 37%, 21%)  Byzantium
#4a3d22  rgb(74, 61, 34)  hsl(41, 37%, 21%)  Taupe