ColorTool
Entrar
#566B6A

#566b6a ≈ Feldgrau

  • ciano
  • Luminosidade: baixa
  • Saturação: quase nula
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#566b6a é uma cor da família “ciano”, com luminosidade baixa e saturação quase nula. No modelo RGB, é formada por 33,73% de vermelho, 41,96% de verde e 41,57% de azul; impressa em CMYK, usa 19,63% de ciano, 0% de magenta, 0,93% de amarelo e 58,04% de preto. Seu ângulo de matiz é 177,14°, com 10,88% de saturação e 37,84% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a frescor, tecnologia e clareza. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,67:1 (WCAG AA). A cor nomeada mais próxima é Feldgrau (#4d5d53), ΔE 6,96.

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

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

Complementar

  1. #566b6a
  2. #6b5657

Complementar dividida

  1. #566b6a
  2. #6b5661
  3. #6b5f56

Análoga

  1. #566b5f
  2. #566b6a
  3. #56616b

Triádica

  1. #566b6a
  2. #6a566b
  3. #6b6a56

Tetrádica

  1. #566b6a
  2. #56576b
  3. #6b5657
  4. #6b6a56

Quadrada

  1. #566b6a
  2. #5f566b
  3. #6b5657
  4. #616b56

Monocromática

  1. #121616
  2. #344140
  3. #566b6a
  4. #7a9493
  5. #a4b6b5

Sombras

#566b6a misturado progressivamente com preto.

  1. #566b6a
  2. #4d605f
  3. #455655
  4. #3c4b4a
  5. #344040
  6. #2b3635
  7. #222b2a
  8. #1a2020
  9. #111515
  10. #090b0b
  11. #000000

Matizes claros

#566b6a misturado progressivamente com branco.

  1. #566b6a
  2. #677a79
  3. #788988
  4. #899797
  5. #9aa6a6
  6. #abb5b5
  7. #bbc4c3
  8. #ccd3d2
  9. #dde1e1
  10. #eef0f0
  11. #ffffff

Tons

#566b6a misturado progressivamente com cinza.

  1. #566b6a
  2. #5a6d6c
  3. #5e6f6e
  4. #637171
  5. #677373
  6. #6b7675
  7. #6f7877
  8. #737a79
  9. #787c7c
  10. #7c7e7e
  11. #808080

Texto legível 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.71:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% dos homens
Acromatomalia #616968 ≈ 0.001% dos homens
Protanopia #68696a ≈ 1.01% dos homens
Deuteranopia #64666a ≈ 1.27% dos homens
Tritanopia #506c6b ≈ 0.0001% dos homens
Protanomalia #626a6a ≈ 1.08% dos homens
Deuteranomalia #5f686a ≈ 4.63% dos homens
Tritanomalia #526c6a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-566b6a {
  color: #566b6a;
}
Fundo
.bg-566b6a {
  background-color: #566b6a;
  color: #ffffff;
}
Borda
.border-566b6a {
  border: 2px solid #566b6a;
}
Variáveis CSS
:root {
  --color-primary: #566b6a;
  --color-primary-rgb: 86 107 106;
  --color-primary-hsl: 177 11% 38%;
}
Degradê
.gradient-566b6a {
  background: linear-gradient(135deg, #566b6a, #56616b);
}
Sombra colorida
.shadow-566b6a {
  box-shadow: 0 8px 24px rgb(86 107 106 / 0.35);
}

#4d5d53 Feldgrau ΔE 6.96 #696969 Dim Gray ΔE 9.60 #696969 Dim Grey ΔE 9.60 #367588 Teal Blue ΔE 10.56 #2f4f4f Dark Slate Gray ΔE 11.00 #2f4f4f Dark Slate Grey ΔE 11.00 #317873 Myrtle Green ΔE 11.05 #a99495 Invertida #676767 Escala de cinza 

Feldgrau
#566b6a  rgb(86, 107, 106)  hsl(177, 11%, 38%)  Feldgrau
#6b5657  rgb(107, 86, 87)  hsl(357, 11%, 38%)  Wenge
#6a566b  rgb(106, 86, 107)  hsl(297, 11%, 38%)  Old Lavender
#6b6a56  rgb(107, 106, 86)  hsl(57, 11%, 38%)  Dim Gray