Criado em 12/18/2023 07:44
#686e82 HEX Cor Informação
| Cor | HEX | RGB |
|---|---|---|
| #686e82 | RGB(104, 110, 130) |
RGB os valores são RGB(104, 110, 130)
#686e82 cor contém Vermelho 40.78%, Verde 43.14% e Azul 50.98%.
oklch(54.03% 0.0321 272.13)
#686e82 cor contém Vermelho 40.78%, Verde 43.14% e Azul 50.98%.
oklch(54.03% 0.0321 272.13)
Classificação da cor #686e82
#686e82 é Luz e Frio Cor Saturação 11%, luminosidade 46%.
Matiz de slategrey
Cores alternativas de #686e82
Shutter Blue
#666e7f
Nouveau
#686f7e
Flintstone
#677283
Buoyant
#65707e
Blue Aura
#6c7386
Backwater
#687078
Aromatic
#706986
Always Indigo
#66778c
battleship grey
#6b7c85
Alley Cat
#656874
slategray4
#6c7b8b
lightsteelblue4
#6e7b8b
Allegiance
#5a6a8c
lightskyblue4
#607b8b
Abandoned Spaceship
#747a8a
gray45
#737373
gray44
#707070
A cor oposta para #686e82 é #827c68
#686e82 Conversão de cores
Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #686e82
Decimal
6844034
HEX
#686e82
HSL
hsl(226, 11%, 46%)
HSLA
hsla(226, 11%, 46%, 1)
RGB
RGB(104, 110, 130)
RGBA
RGBA(104, 110, 130, 1)
Paletas para cores #686e82:
Abaixo exemplos de paletas de cores para cores HEX #686e82
a cor mais escura é #0a0b0d dos tons e a cor mais clara é #f0f1f3 dos tons
Paleta de tons de #686e82:
#5e6375
#535868
#494d5b
#3e424e
#343741
#2a2c34
#1f2127
#15161a
#0a0b0d
#000000
Paleta de tons de #686e82:
#777d8f
#868b9b
#959aa8
#a4a8b4
#b4b7c1
#c3c5cd
#d2d4da
#e1e2e6
#f0f1f3
#ffffff
Paleta complementar de #686e82:
#686e82
#827c68
Paleta triádica de #686e82:
#686e82
#82686e
#6e8268
Paleta quadrada de #686e82:
#686e82
#82687b
#68826f
#827c68
Paleta análoga de #686e82:
#687b82
#686e82
Paleta complementar dividida de #686e82:
#686e82
#687b82
Paleta retangular (tetrádica) de #686e82:
#686e82
#82687b
#68826f
#826f68
Loading...
Contraste de Cor
Combinações de cores #686e82 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.
#686e82
#686e82 Taxa de contraste
5.07:1
| Tamanho | Nível AA | Nível AAA |
| Texto Grande: | ||
| Texto pequeno: |
#686e82
#686e82 Taxa de contraste
4.14:1
| Tamanho | Nível AA | Nível AAA |
| Texto Grande: | ||
| Texto pequeno: |
Imagem #686e82 cor png
Visite a lista de cores populares para mais cores