ColorTool
Entrar
#417B86

#417b86 ≈ Teal Blue

  • ciano
  • Luminosidade: baixa
  • Saturação: moderada
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#417b86 é uma cor da família “ciano”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 25,49% de vermelho, 48,24% de verde e 52,55% de azul; impressa em CMYK, usa 51,49% de ciano, 8,21% de magenta, 0% de amarelo e 47,45% de preto. Seu ângulo de matiz é 189,57°, com 34,67% de saturação e 39,02% de luminosidade em HSL. É uma cor fria, muitas vezes associada a frescor, tecnologia e clareza. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 4,77:1 (WCAG AA). A cor nomeada mais próxima é Teal Blue (#367588), ΔE 3,99.

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

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

Complementar

  1. #417b86
  2. #864c41

Complementar dividida

  1. #417b86
  2. #864158
  3. #866f41

Análoga

  1. #41866f
  2. #417b86
  3. #415886

Triádica

  1. #417b86
  2. #86417b
  3. #7b8641

Tetrádica

  1. #417b86
  2. #4c4186
  3. #864c41
  4. #7b8641

Quadrada

  1. #417b86
  2. #6f4186
  3. #864c41
  4. #588641

Monocromática

  1. #0f1c1f
  2. #284c52
  3. #417b86
  4. #61a5b2
  5. #95c3cb

Sombras

#417b86 misturado progressivamente com preto.

  1. #417b86
  2. #3b6f79
  3. #34626b
  4. #2e565e
  5. #274a50
  6. #213e43
  7. #1a3136
  8. #142528
  9. #0d191b
  10. #070c0d
  11. #000000

Matizes claros

#417b86 misturado progressivamente com branco.

  1. #417b86
  2. #548892
  3. #67959e
  4. #7aa3aa
  5. #8db0b6
  6. #a0bdc3
  7. #b3cacf
  8. #c6d7db
  9. #d9e5e7
  10. #ecf2f3
  11. #ffffff

Tons

#417b86 misturado progressivamente com cinza.

  1. #417b86
  2. #477c85
  3. #4e7c85
  4. #547d84
  5. #5a7d84
  6. #617e83
  7. #677e82
  8. #6d7f82
  9. #737f81
  10. #7a8081
  11. #808080

Texto legível 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #737373 ≈ 0.003% dos homens
Acromatomalia #62767b ≈ 0.001% dos homens
Protanopia #727787 ≈ 1.01% dos homens
Deuteranopia #676f86 ≈ 1.27% dos homens
Tritanopia #17807e ≈ 0.0001% dos homens
Protanomalia #627986 ≈ 1.08% dos homens
Deuteranomalia #5a7486 ≈ 4.63% dos homens
Tritanomalia #2d7e81 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-417b86 {
  color: #417b86;
}
Fundo
.bg-417b86 {
  background-color: #417b86;
  color: #ffffff;
}
Borda
.border-417b86 {
  border: 2px solid #417b86;
}
Variáveis CSS
:root {
  --color-primary: #417b86;
  --color-primary-rgb: 65 123 134;
  --color-primary-hsl: 190 35% 39%;
}
Degradê
.gradient-417b86 {
  background: linear-gradient(135deg, #417b86, #415886);
}
Sombra colorida
.shadow-417b86 {
  box-shadow: 0 8px 24px rgb(65 123 134 / 0.35);
}

#367588 Teal Blue ΔE 3.99 #008080 Teal ΔE 8.28 #317873 Myrtle Green ΔE 8.35 #008b8b Dark Cyan ΔE 9.68 #007ba7 Cerulean ΔE 10.65 #0095b6 Bondi Blue ΔE 11.37 #5d8aa8 Air Force Blue ΔE 11.58 #be8479 Invertida #737373 Escala de cinza 

Teal Blue
#417b86  rgb(65, 123, 134)  hsl(190, 35%, 39%)  Teal Blue
#864c41  rgb(134, 76, 65)  hsl(10, 35%, 39%)  Chestnut
#86417b  rgb(134, 65, 123)  hsl(310, 35%, 39%)  Deep Plum
#7b8641  rgb(123, 134, 65)  hsl(70, 35%, 39%)  Olive Drab