#536a73 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #536a73 | RGB(83, 106, 115) |
Creado en 09/30/2026 16:11
Clasificación de colores #536a73
#536a73 es semioscuro y Frío Color Saturación 16%, luminosidad 39%.
Tono oscuro de dimgrey
RGB los valores son RGB(83, 106, 115)
#536a73 el color contiene Rojo 32.55%, Verde 41.57% y Azul 45.1%.
oklch(50.91% 0.0308 223.74)
#536a73 el color contiene Rojo 32.55%, Verde 41.57% y Azul 45.1%.
oklch(50.91% 0.0308 223.74)
Nombres de color de #536a73 HEX código
≈ Blue Bayoux
colores alternativos de #536a73
Color opuesto para #536a73 – #735c53
#536a73 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #536a73
cmyk
CMYK(28%, 8%, 0%, 55%)
Decimal
5466739
HEX
#536a73
HSL
hsl(197, 16%, 39%)
HSLA
hsla(197, 16%, 39%, 1)
RGB
RGB(83, 106, 115)
RGBA
RGBA(83, 106, 115, 1)
Paletas para el color #536a73:
A continuación ejemplos de paletas de colores para #536a73 color HEX
el color más oscuro de los tonos oscuros es #080b0b y el más claro de los tonos claros es #eef0f1
Paleta de tonos oscuros de #536a73:
#4b5f68
#42555c
#3a4a51
#324045
#2a353a
#212a2e
#192023
#111517
#080b0b
#000000
Paleta de tonos claros de #536a73:
#647981
#75888f
#87979d
#98a6ab
#a9b5b9
#bac3c7
#cbd2d5
#dde1e3
#eef0f1
#ffffff
Paleta complementaria de #536a73:
#536a73
#735c53
Paleta triádica de #536a73:
#536a73
#73536a
#6a7353
Paleta cuadrada de #536a73:
#536a73
#6c5373
#735c53
#5a7353
Paleta análoga de #536a73:
#53736c
#536a73
#535a73
Paleta dividida-complementaria de #536a73:
#536a73
#73535a
#736c53
Paleta rectangular (tetrádica) de #536a73:
#536a73
#5c5373
#735c53
#6a7353
Paletas de colores sugeridas para #536a73 HEX:
Paleta de colores con color #536a73 #1:
Paleta de colores con color #536a73 #2:
Paleta de colores con color #536a73 #3:
Paleta de colores con color #536a73 #4:
Paleta de colores con color #536a73 #5:
Contraste de color
Combinaciones de colores #536a73 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#536a73
#536a73 Relación de contraste
5.71:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#536a73
#536a73 Relación de contraste
3.67:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #536a73 color png
Visita la lista de colores populares para más colores