ColorTool
Entrar
#137EAA

#137eaa ≈ Cerulean

  • azul-celeste
  • Luminosidade: baixa
  • Saturação: forte
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#137eaa é uma cor da família “azul-celeste”, com luminosidade baixa e saturação forte. No modelo RGB, é formada por 7,45% de vermelho, 49,41% de verde e 66,67% de azul; impressa em CMYK, usa 88,82% de ciano, 25,88% de magenta, 0% de amarelo e 33,33% de preto. Seu ângulo de matiz é 197,48°, com 79,89% de saturação e 37,06% de luminosidade em HSL. É uma cor fria, muitas vezes associada a abertura, liberdade e calma. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 4,59:1 (WCAG AA). A cor nomeada mais próxima é Cerulean (#007ba7), ΔE 1,26.

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

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

Complementar

  1. #137eaa
  2. #aa3f13

Complementar dividida

  1. #137eaa
  2. #aa1333
  3. #aa8a13

Análoga

  1. #13aa8a
  2. #137eaa
  3. #1333aa

Triádica

  1. #137eaa
  2. #aa137e
  3. #7eaa13

Tetrádica

  1. #137eaa
  2. #3f13aa
  3. #aa3f13
  4. #7eaa13

Quadrada

  1. #137eaa
  2. #8a13aa
  3. #aa3f13
  4. #33aa13

Monocromática

  1. #041820
  2. #0b4b65
  3. #137eaa
  4. #23aee6
  5. #68c7ee

Sombras

#137eaa misturado progressivamente com preto.

  1. #137eaa
  2. #117199
  3. #0f6588
  4. #0d5877
  5. #0b4c66
  6. #0a3f55
  7. #083244
  8. #062633
  9. #041922
  10. #020d11
  11. #000000

Matizes claros

#137eaa misturado progressivamente com branco.

  1. #137eaa
  2. #2b8bb3
  3. #4298bb
  4. #5aa5c4
  5. #71b2cc
  6. #89bfd5
  7. #a1cbdd
  8. #b8d8e6
  9. #d0e5ee
  10. #e7f2f7
  11. #ffffff

Tons

#137eaa misturado progressivamente com cinza.

  1. #137eaa
  2. #1e7ea6
  3. #297ea2
  4. #347f9d
  5. #3f7f99
  6. #4a7f95
  7. #547f91
  8. #5f7f8d
  9. #6a8088
  10. #758084
  11. #808080

Texto legível 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #767676 ≈ 0.003% dos homens
Acromatomalia #5d798e ≈ 0.001% dos homens
Protanopia #687dac ≈ 1.01% dos homens
Deuteranopia #5570a9 ≈ 1.27% dos homens
Tritanopia #008a8d ≈ 0.0001% dos homens
Protanomalia #537dab ≈ 1.08% dos homens
Deuteranomalia #4376aa ≈ 4.63% dos homens
Tritanomalia #008599 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-137eaa {
  color: #137eaa;
}
Fundo
.bg-137eaa {
  background-color: #137eaa;
  color: #000000;
}
Borda
.border-137eaa {
  border: 2px solid #137eaa;
}
Variáveis CSS
:root {
  --color-primary: #137eaa;
  --color-primary-rgb: 19 126 170;
  --color-primary-hsl: 197 80% 37%;
}
Degradê
.gradient-137eaa {
  background: linear-gradient(135deg, #137eaa, #1333aa);
}
Sombra colorida
.shadow-137eaa {
  box-shadow: 0 8px 24px rgb(19 126 170 / 0.35);
}

#007ba7 Cerulean ΔE 1.26 #4682b4 Steel Blue ΔE 6.14 #006994 Sea Blue ΔE 7.73 #0072bb French Blue ΔE 7.79 #5d8aa8 Air Force Blue ΔE 7.99 #367588 Teal Blue ΔE 8.12 #417dc1 Tufts Blue ΔE 8.66 #ec8155 Invertida #767676 Escala de cinza 

Cerulean
#137eaa  rgb(19, 126, 170)  hsl(197, 80%, 37%)  Cerulean
#aa3f13  rgb(170, 63, 19)  hsl(17, 80%, 37%)  Rust
#aa137e  rgb(170, 19, 126)  hsl(317, 80%, 37%)  Medium Violet Red
#7eaa13  rgb(126, 170, 19)  hsl(77, 80%, 37%)  Apple Green