ColorTool
Entrar
#222FC0

#222fc0 ≈ Persian Blue

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

#222fc0 é uma cor da família “azul”, com luminosidade média e saturação forte. No modelo RGB, é formada por 13,33% de vermelho, 18,43% de verde e 75,29% de azul; impressa em CMYK, usa 82,29% de ciano, 75,52% de magenta, 0% de amarelo e 24,71% de preto. Seu ângulo de matiz é 235,06°, com 69,91% de saturação e 44,31% 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 9,39:1 (WCAG AAA). A cor nomeada mais próxima é Persian Blue (#1c39bb), ΔE 2,85.

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

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

Complementar

  1. #222fc0
  2. #c0b322

Complementar dividida

  1. #222fc0
  2. #c06422
  3. #7ec022

Análoga

  1. #227ec0
  2. #222fc0
  3. #6422c0

Triádica

  1. #222fc0
  2. #c0222f
  3. #2fc022

Tetrádica

  1. #222fc0
  2. #b322c0
  3. #c0b322
  4. #2fc022

Quadrada

  1. #222fc0
  2. #c0227e
  3. #c0b322
  4. #22c064

Monocromática

  1. #0b0f3e
  2. #161f7f
  3. #222fc0
  4. #4f5be0
  5. #9097eb

Sombras

#222fc0 misturado progressivamente com preto.

  1. #222fc0
  2. #1f2aad
  3. #1b269a
  4. #182186
  5. #141c73
  6. #111860
  7. #0e134d
  8. #0a0e3a
  9. #070926
  10. #030513
  11. #000000

Matizes claros

#222fc0 misturado progressivamente com branco.

  1. #222fc0
  2. #3844c6
  3. #4e59cd
  4. #646dd3
  5. #7a82d9
  6. #9197e0
  7. #a7ace6
  8. #bdc1ec
  9. #d3d5f2
  10. #e9eaf9
  11. #ffffff

Tons

#222fc0 misturado progressivamente com cinza.

  1. #222fc0
  2. #2b37ba
  3. #353fb3
  4. #3e47ad
  5. #484fa6
  6. #5158a0
  7. #5a609a
  8. #646893
  9. #6d708d
  10. #777886
  11. #808080

Texto legível 9.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #464646 ≈ 0.003% dos homens
Acromatomalia #3b3e88 ≈ 0.001% dos homens
Protanopia #004ec4 ≈ 1.01% dos homens
Deuteranopia #003ebd ≈ 1.27% dos homens
Tritanopia #005a76 ≈ 0.0001% dos homens
Protanomalia #0044c3 ≈ 1.08% dos homens
Deuteranomalia #0039be ≈ 4.63% dos homens
Tritanomalia #004c99 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-222fc0 {
  color: #222fc0;
}
Fundo
.bg-222fc0 {
  background-color: #222fc0;
  color: #ffffff;
}
Borda
.border-222fc0 {
  border: 2px solid #222fc0;
}
Variáveis CSS
:root {
  --color-primary: #222fc0;
  --color-primary-rgb: 34 47 192;
  --color-primary-hsl: 235 70% 44%;
}
Degradê
.gradient-222fc0 {
  background: linear-gradient(135deg, #222fc0, #6422c0);
}
Sombra colorida
.shadow-222fc0 {
  box-shadow: 0 8px 24px rgb(34 47 192 / 0.35);
}

#1c39bb Persian Blue ΔE 2.85 #1034a6 Egyptian Blue ΔE 4.42 #0000cd Medium Blue ΔE 6.30 #4f42b5 Ocean Blue ΔE 6.37 #003399 Smalt ΔE 6.54 #0014a8 Zaffre ΔE 6.64 #002395 Imperial Blue ΔE 6.89 #ddd03f Invertida #464646 Escala de cinza 

Persian Blue
#222fc0  rgb(34, 47, 192)  hsl(235, 70%, 44%)  Persian Blue
#c0b322  rgb(192, 179, 34)  hsl(55, 70%, 44%)  Old Gold
#c0222f  rgb(192, 34, 47)  hsl(355, 70%, 44%)  Cardinal
#2fc022  rgb(47, 192, 34)  hsl(115, 70%, 44%)  Kelly Green