ColorTool
Entrar
#71B8F2

#71b8f2 ≈ Maya Blue

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

#71b8f2 é uma cor da família “azul-celeste”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 44,31% de vermelho, 72,16% de verde e 94,9% de azul; impressa em CMYK, usa 53,31% de ciano, 23,97% de magenta, 0% de amarelo e 5,1% de preto. Seu ângulo de matiz é 206,98°, com 83,23% de saturação e 69,61% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 9,84:1 (WCAG AAA). A cor nomeada mais próxima é Maya Blue (#73c2fb), ΔE 2,82.

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

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

Complementar

  1. #71b8f2
  2. #f2ab71

Complementar dividida

  1. #71b8f2
  2. #f27177
  3. #f2ec71

Análoga

  1. #71f2ec
  2. #71b8f2
  3. #7177f2

Triádica

  1. #71b8f2
  2. #f271b8
  3. #b8f271

Tetrádica

  1. #71b8f2
  2. #ab71f2
  3. #f2ab71
  4. #b8f271

Quadrada

  1. #71b8f2
  2. #ec71f2
  3. #f2ab71
  4. #77f271

Monocromática

  1. #116db9
  2. #2b95ec
  3. #71b8f2
  4. #b7dbf8
  5. #ecf6fd

Sombras

#71b8f2 misturado progressivamente com preto.

  1. #71b8f2
  2. #66a6da
  3. #5a93c2
  4. #4f81a9
  5. #446e91
  6. #395c79
  7. #2d4a61
  8. #223749
  9. #172530
  10. #0b1218
  11. #000000

Matizes claros

#71b8f2 misturado progressivamente com branco.

  1. #71b8f2
  2. #7fbff3
  3. #8dc6f5
  4. #9ccdf6
  5. #aad4f7
  6. #b8dcf9
  7. #c6e3fa
  8. #d4eafb
  9. #e3f1fc
  10. #f1f8fe
  11. #ffffff

Tons

#71b8f2 misturado progressivamente com cinza.

  1. #71b8f2
  2. #73b2e7
  3. #74addb
  4. #76a7d0
  5. #77a2c4
  6. #799cb9
  7. #7a96ae
  8. #7c91a2
  9. #7d8b97
  10. #7f868b
  11. #808080

Texto legível 2.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b1b1b1 ≈ 0.003% dos homens
Acromatomalia #9cb4ce ≈ 0.001% dos homens
Protanopia #9fb9f5 ≈ 1.01% dos homens
Deuteranopia #8eacf1 ≈ 1.27% dos homens
Tritanopia #1cc6cc ≈ 0.0001% dos homens
Protanomalia #8fb8f4 ≈ 1.08% dos homens
Deuteranomalia #83b1f1 ≈ 4.63% dos homens
Tritanomalia #4cc1dc ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-71b8f2 {
  color: #71b8f2;
}
Fundo
.bg-71b8f2 {
  background-color: #71b8f2;
  color: #000000;
}
Borda
.border-71b8f2 {
  border: 2px solid #71b8f2;
}
Variáveis CSS
:root {
  --color-primary: #71b8f2;
  --color-primary-rgb: 113 184 242;
  --color-primary-hsl: 207 83% 70%;
}
Degradê
.gradient-71b8f2 {
  background: linear-gradient(135deg, #71b8f2, #7177f2);
}
Sombra colorida
.shadow-71b8f2 {
  box-shadow: 0 8px 24px rgb(113 184 242 / 0.35);
}

#73c2fb Maya Blue ΔE 2.82 #71a6d2 Iceberg ΔE 5.67 #87cefa Light Sky Blue ΔE 6.38 #56a0d3 Carolina Blue ΔE 7.38 #00bfff Deep Sky Blue ΔE 7.38 #89cff0 Baby Blue ΔE 8.58 #73a9c2 Moonstone Blue ΔE 9.10 #8e470d Invertida #b1b1b1 Escala de cinza 

Maya Blue
#71b8f2  rgb(113, 184, 242)  hsl(207, 83%, 70%)  Maya Blue
#f2ab71  rgb(242, 171, 113)  hsl(27, 83%, 70%)  Sandy Brown
#f271b8  rgb(242, 113, 184)  hsl(327, 83%, 70%)  Hot Pink
#b8f271  rgb(184, 242, 113)  hsl(87, 83%, 70%)  Inchworm