ColorTool
Entrar
#749CC0

#749cc0 ≈ Iceberg

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

#749cc0 é uma cor da família “azul-celeste”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 45,49% de vermelho, 61,18% de verde e 75,29% de azul; impressa em CMYK, usa 39,58% de ciano, 18,75% de magenta, 0% de amarelo e 24,71% de preto. Seu ângulo de matiz é 208,42°, com 37,62% de saturação e 60,39% 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 7,26:1 (WCAG AAA). A cor nomeada mais próxima é Iceberg (#71a6d2), ΔE 3,71.

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

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

Complementar

  1. #749cc0
  2. #c09874

Complementar dividida

  1. #749cc0
  2. #c07476
  3. #c0be74

Análoga

  1. #74c0be
  2. #749cc0
  3. #7476c0

Triádica

  1. #749cc0
  2. #c0749c
  3. #9cc074

Tetrádica

  1. #749cc0
  2. #9874c0
  3. #c09874
  4. #9cc074

Quadrada

  1. #749cc0
  2. #be74c0
  3. #c09874
  4. #76c074

Monocromática

  1. #304f6b
  2. #48769f
  3. #749cc0
  4. #a9c1d8
  5. #dde7f0

Sombras

#749cc0 misturado progressivamente com preto.

  1. #749cc0
  2. #688cad
  3. #5d7d9a
  4. #516d86
  5. #465e73
  6. #3a4e60
  7. #2e3e4d
  8. #232f3a
  9. #171f26
  10. #0c1013
  11. #000000

Matizes claros

#749cc0 misturado progressivamente com branco.

  1. #749cc0
  2. #82a6c6
  3. #90b0cd
  4. #9ebad3
  5. #acc4d9
  6. #bacee0
  7. #c7d7e6
  8. #d5e1ec
  9. #e3ebf2
  10. #f1f5f9
  11. #ffffff

Tons

#749cc0 misturado progressivamente com cinza.

  1. #749cc0
  2. #7599ba
  3. #7696b3
  4. #7894ad
  5. #7991a6
  6. #7a8ea0
  7. #7b8b9a
  8. #7c8893
  9. #7e868d
  10. #7f8386
  11. #808080

Texto legível 2.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #989898 ≈ 0.003% dos homens
Acromatomalia #8b99a9 ≈ 0.001% dos homens
Protanopia #8e9cc2 ≈ 1.01% dos homens
Deuteranopia #8494bf ≈ 1.27% dos homens
Tritanopia #59a4a8 ≈ 0.0001% dos homens
Protanomalia #849cc1 ≈ 1.08% dos homens
Deuteranomalia #7e97c0 ≈ 4.63% dos homens
Tritanomalia #65a1b2 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-749cc0 {
  color: #749cc0;
}
Fundo
.bg-749cc0 {
  background-color: #749cc0;
  color: #000000;
}
Borda
.border-749cc0 {
  border: 2px solid #749cc0;
}
Variáveis CSS
:root {
  --color-primary: #749cc0;
  --color-primary-rgb: 116 156 192;
  --color-primary-hsl: 208 38% 60%;
}
Degradê
.gradient-749cc0 {
  background: linear-gradient(135deg, #749cc0, #7476c0);
}
Sombra colorida
.shadow-749cc0 {
  box-shadow: 0 8px 24px rgb(116 156 192 / 0.35);
}

#71a6d2 Iceberg ΔE 3.71 #56a0d3 Carolina Blue ΔE 5.22 #6495ed Cornflower Blue ΔE 5.97 #5b92e5 United Nations Blue ΔE 6.10 #73a9c2 Moonstone Blue ΔE 6.93 #5d8aa8 Air Force Blue ΔE 7.03 #318ce7 Bleu de France ΔE 8.56 #8b633f Invertida #989898 Escala de cinza 

Iceberg
#749cc0  rgb(116, 156, 192)  hsl(208, 38%, 60%)  Iceberg
#c09874  rgb(192, 152, 116)  hsl(28, 38%, 60%)  Camel
#c0749c  rgb(192, 116, 156)  hsl(328, 38%, 60%)  Sky Magenta
#9cc074  rgb(156, 192, 116)  hsl(88, 38%, 60%)  Olivine