Creado en 12/18/2023 07:44
#686e82 HEX Color información
| Color | HEX | RGB |
|---|---|---|
| #686e82 | RGB(104, 110, 130) |
RGB los valores son RGB(104, 110, 130)
#686e82 el color contiene Rojo 40.78%, Verde 43.14% y Azul 50.98%.
oklch(54.03% 0.0321 272.13)
#686e82 el color contiene Rojo 40.78%, Verde 43.14% y Azul 50.98%.
oklch(54.03% 0.0321 272.13)
Clasificación de colores #686e82
#686e82 es Luz y Frío Color Saturación 11%, luminosidad 46%.
Matiz de slategrey
colores alternativos 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
Color opuesto para #686e82 – #827c68
#686e82 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #686e82
Decimal
6844034
HEX
#686e82
LGV
hsl(226, 11%, 46%)
HSLA
hsla(226, 11%, 46%, 1)
RGB
RGB(104, 110, 130)
RGBA
RGBA(104, 110, 130, 1)
Paletas para el color #686e82:
A continuación ejemplos de paletas de colores para #686e82 color HEX
el color más oscuro es #0a0b0d de los tonos y el color más claro es #f0f1f3 de los tintes
Paleta de sombras de #686e82:
#5e6375
#535868
#494d5b
#3e424e
#343741
#2a2c34
#1f2127
#15161a
#0a0b0d
#000000
Paleta de tintes de #686e82:
#777d8f
#868b9b
#959aa8
#a4a8b4
#b4b7c1
#c3c5cd
#d2d4da
#e1e2e6
#f0f1f3
#ffffff
Paleta complementaria de #686e82:
#686e82
#827c68
Paleta triádica de #686e82:
#686e82
#82686e
#6e8268
Paleta cuadrada de #686e82:
#686e82
#82687b
#68826f
#827c68
Paleta análoga de #686e82:
#687b82
#686e82
Paleta dividida-complementaria de #686e82:
#686e82
#687b82
Paleta rectangular (tetrádica) de #686e82:
#686e82
#82687b
#68826f
#826f68
Loading...
Contraste de color
Combinaciones de colores #686e82 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#686e82
#686e82 Relación de contraste
5.07:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#686e82
#686e82 Relación de contraste
4.14:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #686e82 color png
Visita la lista de colores populares para más colores