ColorTool
Entrar
#42518F

#42518f ≈ Yale Blue

  • azul
  • Luminosidade: média
  • Saturação: moderada
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#42518f é uma cor da família “azul”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 25,88% de vermelho, 31,76% de verde e 56,08% de azul; impressa em CMYK, usa 53,85% de ciano, 43,36% de magenta, 0% de amarelo e 43,92% de preto. Seu ângulo de matiz é 228,31°, com 36,84% de saturação e 40,98% de luminosidade em HSL. É uma cor fria, muitas vezes associada a confiança, estabilidade e foco. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 7,49:1 (WCAG AAA). A cor nomeada mais próxima é Yale Blue (#0f4d92), ΔE 6,88.

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.0903

Complementar

  1. #42518f
  2. #8f8042

Complementar dividida

  1. #42518f
  2. #8f5942
  3. #788f42

Análoga

  1. #42788f
  2. #42518f
  3. #59428f

Triádica

  1. #42518f
  2. #8f4251
  3. #518f42

Tetrádica

  1. #42518f
  2. #80428f
  3. #8f8042
  4. #518f42

Quadrada

  1. #42518f
  2. #8f4278
  3. #8f8042
  4. #428f59

Monocromática

  1. #121626
  2. #2a335b
  3. #42518f
  4. #6576b8
  5. #9aa4d0

Sombras

#42518f misturado progressivamente com preto.

  1. #42518f
  2. #3b4981
  3. #354172
  4. #2e3964
  5. #283156
  6. #212948
  7. #1a2039
  8. #14182b
  9. #0d101d
  10. #07080e
  11. #000000

Matizes claros

#42518f misturado progressivamente com branco.

  1. #42518f
  2. #55629a
  3. #6874a5
  4. #7b85b1
  5. #8e97bc
  6. #a1a8c7
  7. #b3b9d2
  8. #c6cbdd
  9. #d9dce9
  10. #eceef4
  11. #ffffff

Tons

#42518f misturado progressivamente com cinza.

  1. #42518f
  2. #48568e
  3. #4e5a8c
  4. #555f8b
  5. #5b6489
  6. #616988
  7. #676d86
  8. #6d7285
  9. #747783
  10. #7a7b82
  11. #808080

Texto legível 7.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #555555 ≈ 0.003% dos homens
Acromatomalia #4e5371 ≈ 0.001% dos homens
Protanopia #375891 ≈ 1.01% dos homens
Deuteranopia #2f528e ≈ 1.27% dos homens
Tritanopia #1e5e69 ≈ 0.0001% dos homens
Protanomalia #3c5590 ≈ 1.08% dos homens
Deuteranomalia #37518e ≈ 4.63% dos homens
Tritanomalia #30597a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-42518f {
  color: #42518f;
}
Fundo
.bg-42518f {
  background-color: #42518f;
  color: #ffffff;
}
Borda
.border-42518f {
  border: 2px solid #42518f;
}
Variáveis CSS
:root {
  --color-primary: #42518f;
  --color-primary-rgb: 66 81 143;
  --color-primary-hsl: 228 37% 41%;
}
Degradê
.gradient-42518f {
  background: linear-gradient(135deg, #42518f, #59428f);
}
Sombra colorida
.shadow-42518f {
  box-shadow: 0 8px 24px rgb(66 81 143 / 0.35);
}

#0f4d92 Yale Blue ΔE 6.88 #0047ab Cobalt Blue ΔE 7.27 #0f52ba Sapphire ΔE 7.62 #483d8b Dark Slate Blue ΔE 7.65 #4f42b5 Ocean Blue ΔE 9.12 #26619c Lapis Lazuli ΔE 9.29 #1560bd Denim ΔE 9.82 #bdae70 Invertida #555555 Escala de cinza 

Yale Blue
#42518f  rgb(66, 81, 143)  hsl(228, 37%, 41%)  Yale Blue
#8f8042  rgb(143, 128, 66)  hsl(48, 37%, 41%)  Olive
#8f4251  rgb(143, 66, 81)  hsl(348, 37%, 41%)  Cordovan
#518f42  rgb(81, 143, 66)  hsl(108, 37%, 41%)  Forest Green