#3d9da2 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #3d9da2 | RGB(61, 157, 162) |
Creado en 09/30/2026 21:07
Clasificación de colores #3d9da2
#3d9da2 es Claro y Frío Color Saturación 45%, luminosidad 44%.
Tono oscuro de cadetblue
RGB los valores son RGB(61, 157, 162)
#3d9da2 el color contiene Rojo 23.92%, Verde 61.57% y Azul 63.53%.
oklch(64.21% 0.0888 200)
#3d9da2 el color contiene Rojo 23.92%, Verde 61.57% y Azul 63.53%.
oklch(64.21% 0.0888 200)
Nombres de color de #3d9da2 HEX código
≈ Keppel
colores alternativos de #3d9da2
Color opuesto para #3d9da2 – #a2423d
#3d9da2 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #3d9da2
cmyk
CMYK(62%, 3%, 0%, 36%)
Decimal
4038050
HEX
#3d9da2
HSL
hsl(183, 45%, 44%)
HSLA
hsla(183, 45%, 44%, 1)
RGB
RGB(61, 157, 162)
RGBA
RGBA(61, 157, 162, 1)
Paletas para el color #3d9da2:
A continuación ejemplos de paletas de colores para #3d9da2 color HEX
el color más oscuro de los tonos oscuros es #061010 y el más claro de los tonos claros es #ecf5f6
Paleta de tonos oscuros de #3d9da2:
#378d92
#317e82
#2b6e71
#255e61
#1f4f51
#183f41
#122f31
#0c1f20
#061010
#000000
Paleta de tonos claros de #3d9da2:
#50a7ab
#64b1b5
#77babe
#8bc4c7
#9eced1
#b1d8da
#c5e2e3
#d8ebec
#ecf5f6
#ffffff
Paleta complementaria de #3d9da2:
#3d9da2
#a2423d
Paleta triádica de #3d9da2:
#3d9da2
#a23d9d
#9da23d
Paleta cuadrada de #3d9da2:
#3d9da2
#753da2
#a2423d
#6aa23d
Paleta análoga de #3d9da2:
#3da275
#3d9da2
#3d6aa2
Paleta dividida-complementaria de #3d9da2:
#3d9da2
#a23d6a
#a2753d
Paleta rectangular (tetrádica) de #3d9da2:
#3d9da2
#423da2
#a2423d
#9da23d
Paletas de colores sugeridas para #3d9da2 HEX:
Paleta de colores con color #3d9da2 #1:
Paleta de colores con color #3d9da2 #2:
Paleta de colores con color #3d9da2 #3:
Paleta de colores con color #3d9da2 #4:
Paleta de colores con color #3d9da2 #5:
Contraste de color
Combinaciones de colores #3d9da2 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#3d9da2
#3d9da2 Relación de contraste
3.2:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#3d9da2
#3d9da2 Relación de contraste
6.54:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #3d9da2 color png
Visita la lista de colores populares para más colores