ColorTool
Entrar
#007EAB

#007eab ≈ Cerulean

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

#007eab é uma cor da família “azul-celeste”, com luminosidade baixa e saturação forte. No modelo RGB, é formada por 0% de vermelho, 49,41% de verde e 67,06% de azul; impressa em CMYK, usa 100% de ciano, 26,32% de magenta, 0% de amarelo e 32,94% de preto. Seu ângulo de matiz é 195,79°, com 100% de saturação e 33,53% 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 identidades corporativas. Texto branco 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,14.

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

Complementar

  1. #007eab
  2. #ab2d00

Complementar dividida

  1. #007eab
  2. #ab0028
  3. #ab8300

Análoga

  1. #00ab83
  2. #007eab
  3. #0028ab

Triádica

  1. #007eab
  2. #ab007e
  3. #7eab00

Tetrádica

  1. #007eab
  2. #2d00ab
  3. #ab2d00
  4. #7eab00

Quadrada

  1. #007eab
  2. #8300ab
  3. #ab2d00
  4. #28ab00

Monocromática

  1. #000f14
  2. #00465f
  3. #007eab
  4. #00b6f8
  5. #45ceff

Sombras

#007eab misturado progressivamente com preto.

  1. #007eab
  2. #00719a
  3. #006589
  4. #005878
  5. #004c67
  6. #003f56
  7. #003244
  8. #002633
  9. #001922
  10. #000d11
  11. #000000

Matizes claros

#007eab misturado progressivamente com branco.

  1. #007eab
  2. #1a8bb3
  3. #3398bc
  4. #4da5c4
  5. #66b2cd
  6. #80bfd5
  7. #99cbdd
  8. #b3d8e6
  9. #cce5ee
  10. #e6f2f7
  11. #ffffff

Tons

#007eab misturado progressivamente com cinza.

  1. #007eab
  2. #0d7ea7
  3. #1a7ea2
  4. #267f9e
  5. #337f9a
  6. #407f96
  7. #4d7f91
  8. #5a7f8d
  9. #668089
  10. #738084
  11. #808080

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

Acromatopsia #757575 ≈ 0.003% dos homens
Acromatomalia #5c798e ≈ 0.001% dos homens
Protanopia #677dad ≈ 1.01% dos homens
Deuteranopia #536faa ≈ 1.27% dos homens
Tritanopia #008a8d ≈ 0.0001% dos homens
Protanomalia #517dac ≈ 1.08% dos homens
Deuteranomalia #4075ab ≈ 4.63% dos homens
Tritanomalia #00859a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-007eab {
  color: #007eab;
}
Fundo
.bg-007eab {
  background-color: #007eab;
  color: #ffffff;
}
Borda
.border-007eab {
  border: 2px solid #007eab;
}
Variáveis CSS
:root {
  --color-primary: #007eab;
  --color-primary-rgb: 0 126 171;
  --color-primary-hsl: 196 100% 34%;
}
Degradê
.gradient-007eab {
  background: linear-gradient(135deg, #007eab, #0028ab);
}
Sombra colorida
.shadow-007eab {
  box-shadow: 0 8px 24px rgb(0 126 171 / 0.35);
}

#007ba7 Cerulean ΔE 1.14 #4682b4 Steel Blue ΔE 6.51 #006994 Sea Blue ΔE 7.71 #0072bb French Blue ΔE 8.01 #367588 Teal Blue ΔE 8.23 #5d8aa8 Air Force Blue ΔE 8.36 #417dc1 Tufts Blue ΔE 9.05 #ff8154 Invertida #757575 Escala de cinza 

Cerulean
#007eab  rgb(0, 126, 171)  hsl(196, 100%, 34%)  Cerulean
#ab2d00  rgb(171, 45, 0)  hsl(16, 100%, 34%)  Rufous
#ab007e  rgb(171, 0, 126)  hsl(316, 100%, 34%)  Medium Violet Red
#7eab00  rgb(126, 171, 0)  hsl(76, 100%, 34%)  Apple Green