ColorTool
Entrar
#377485

#377485 ≈ Teal Blue

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

#377485 é uma cor da família “ciano”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 21,57% de vermelho, 45,49% de verde e 52,16% de azul; impressa em CMYK, usa 58,65% de ciano, 12,78% de magenta, 0% de amarelo e 47,84% de preto. Seu ângulo de matiz é 193,08°, com 41,49% de saturação e 36,86% de luminosidade em HSL. É uma cor fria, 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,25:1 (WCAG AA). A cor nomeada mais próxima é Teal Blue (#367588), ΔE 0,84.

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

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

Complementar

  1. #377485
  2. #854837

Complementar dividida

  1. #377485
  2. #85374d
  3. #856f37

Análoga

  1. #37856f
  2. #377485
  3. #374d85

Triádica

  1. #377485
  2. #853774
  3. #748537

Tetrádica

  1. #377485
  2. #483785
  3. #854837
  4. #748537

Quadrada

  1. #377485
  2. #6f3785
  3. #854837
  4. #4d8537

Monocromática

  1. #0a1619
  2. #21454f
  3. #377485
  4. #51a1b7
  5. #87bece

Sombras

#377485 misturado progressivamente com preto.

  1. #377485
  2. #326878
  3. #2c5d6a
  4. #27515d
  5. #214650
  6. #1c3a43
  7. #162e35
  8. #112328
  9. #0b171b
  10. #060c0d
  11. #000000

Matizes claros

#377485 misturado progressivamente com branco.

  1. #377485
  2. #4b8291
  3. #5f909d
  4. #739eaa
  5. #87acb6
  6. #9bbac2
  7. #afc7ce
  8. #c3d5da
  9. #d7e3e7
  10. #ebf1f3
  11. #ffffff

Tons

#377485 misturado progressivamente com cinza.

  1. #377485
  2. #3e7585
  3. #467684
  4. #4d7884
  5. #547983
  6. #5c7a83
  7. #637b82
  8. #6a7c82
  9. #717e81
  10. #797f81
  11. #808080

Texto legível 5.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6c6c6c ≈ 0.003% dos homens
Acromatomalia #5b6f77 ≈ 0.001% dos homens
Protanopia #697186 ≈ 1.01% dos homens
Deuteranopia #5e6885 ≈ 1.27% dos homens
Tritanopia #007a79 ≈ 0.0001% dos homens
Protanomalia #597286 ≈ 1.08% dos homens
Deuteranomalia #516d85 ≈ 4.63% dos homens
Tritanomalia #1b787e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-377485 {
  color: #377485;
}
Fundo
.bg-377485 {
  background-color: #377485;
  color: #ffffff;
}
Borda
.border-377485 {
  border: 2px solid #377485;
}
Variáveis CSS
:root {
  --color-primary: #377485;
  --color-primary-rgb: 55 116 133;
  --color-primary-hsl: 193 41% 37%;
}
Degradê
.gradient-377485 {
  background: linear-gradient(135deg, #377485, #374d85);
}
Sombra colorida
.shadow-377485 {
  box-shadow: 0 8px 24px rgb(55 116 133 / 0.35);
}

#367588 Teal Blue ΔE 0.84 #007ba7 Cerulean ΔE 8.52 #006994 Sea Blue ΔE 9.51 #317873 Myrtle Green ΔE 10.62 #008080 Teal ΔE 10.65 #5d8aa8 Air Force Blue ΔE 11.94 #436b95 Queen Blue ΔE 12.08 #c88b7a Invertida #6c6c6c Escala de cinza 

Teal Blue
#377485  rgb(55, 116, 133)  hsl(193, 41%, 37%)  Teal Blue
#854837  rgb(133, 72, 55)  hsl(13, 41%, 37%)  Chestnut
#853774  rgb(133, 55, 116)  hsl(313, 41%, 37%)  Deep Plum
#748537  rgb(116, 133, 55)  hsl(73, 41%, 37%)  Olive Drab