ColorTool
Entrar
#0534F5

#0534f5 ≈ Han Purple

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

#0534f5 é uma cor da família “azul”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 1,96% de vermelho, 20,39% de verde e 96,08% de azul; impressa em CMYK, usa 97,96% de ciano, 78,78% de magenta, 0% de amarelo e 3,92% de preto. Seu ângulo de matiz é 228,25°, com 96% de saturação e 49,02% 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 botões de chamada para ação. Texto branco sobre esta cor atinge uma razão de contraste de 7,46:1 (WCAG AAA). A cor nomeada mais próxima é Han Purple (#5218fa), ΔE 5,23.

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

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

Complementar

  1. #0534f5
  2. #f5c605

Complementar dividida

  1. #0534f5
  2. #f54e05
  3. #acf505

Análoga

  1. #05acf5
  2. #0534f5
  3. #4e05f5

Triádica

  1. #0534f5
  2. #f50534
  3. #34f505

Tetrádica

  1. #0534f5
  2. #c605f5
  3. #f5c605
  4. #34f505

Quadrada

  1. #0534f5
  2. #f505ac
  3. #f5c605
  4. #05f54e

Monocromática

  1. #02145f
  2. #0324aa
  3. #0534f5
  4. #4b6efb
  5. #96aafd

Sombras

#0534f5 misturado progressivamente com preto.

  1. #0534f5
  2. #052fdd
  3. #042ac4
  4. #0424ac
  5. #031f93
  6. #031a7b
  7. #021562
  8. #02104a
  9. #010a31
  10. #010519
  11. #000000

Matizes claros

#0534f5 misturado progressivamente com branco.

  1. #0534f5
  2. #1e48f6
  3. #375df7
  4. #5071f8
  5. #6985f9
  6. #829afa
  7. #9baefb
  8. #b4c2fc
  9. #cdd6fd
  10. #e6ebfe
  11. #ffffff

Tons

#0534f5 misturado progressivamente com cinza.

  1. #0534f5
  2. #113ce9
  3. #1e43de
  4. #2a4bd2
  5. #3652c6
  6. #435abb
  7. #4f62af
  8. #5b69a3
  9. #677197
  10. #74788c
  11. #808080

Texto legível 7.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #555555 ≈ 0.003% dos homens
Acromatomalia #424aad ≈ 0.001% dos homens
Protanopia #0060fa ≈ 1.01% dos homens
Deuteranopia #0049f2 ≈ 1.27% dos homens
Tritanopia #007195 ≈ 0.0001% dos homens
Protanomalia #0052f8 ≈ 1.08% dos homens
Deuteranomalia #0042f3 ≈ 4.63% dos homens
Tritanomalia #005fc3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-0534f5 {
  color: #0534f5;
}
Fundo
.bg-0534f5 {
  background-color: #0534f5;
  color: #ffffff;
}
Borda
.border-0534f5 {
  border: 2px solid #0534f5;
}
Variáveis CSS
:root {
  --color-primary: #0534f5;
  --color-primary-rgb: 5 52 245;
  --color-primary-hsl: 228 96% 49%;
}
Degradê
.gradient-0534f5 {
  background: linear-gradient(135deg, #0534f5, #4e05f5);
}
Sombra colorida
.shadow-0534f5 {
  box-shadow: 0 8px 24px rgb(5 52 245 / 0.35);
}

#5218fa Han Purple ΔE 5.23 #0000ff Blue ΔE 5.36 #3f00ff Ultramarine ΔE 5.44 #1c39bb Persian Blue ΔE 7.08 #6f00ff Electric Indigo ΔE 8.01 #5a4fcf Iris ΔE 8.35 #4f42b5 Ocean Blue ΔE 8.40 #facb0a Invertida #555555 Escala de cinza 

Han Purple
#0534f5  rgb(5, 52, 245)  hsl(228, 96%, 49%)  Han Purple
#f5c605  rgb(245, 198, 5)  hsl(48, 96%, 49%)  Jonquil
#f50534  rgb(245, 5, 52)  hsl(348, 96%, 49%)  Tractor Red
#34f505  rgb(52, 245, 5)  hsl(108, 96%, 49%)  Neon Green