#222a43 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #222a43 | RGB(34, 42, 67) |
Creado en 09/30/2026 09:48
Clasificación de colores #222a43
#222a43 es Oscuro y Frío Color Saturación 33%, luminosidad 20%.
Tono claro de midnightblue
RGB los valores son RGB(34, 42, 67)
#222a43 el color contiene Rojo 13.33%, Verde 16.47% y Azul 26.27%.
oklch(29.01% 0.0473 269.77)
#222a43 el color contiene Rojo 13.33%, Verde 16.47% y Azul 26.27%.
oklch(29.01% 0.0473 269.77)
Nombres de color de #222a43 HEX código
≈ Ebony Clay
colores alternativos de #222a43
Color opuesto para #222a43 – #433b22
#222a43 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #222a43
cmyk
CMYK(49%, 37%, 0%, 74%)
Decimal
2239043
HEX
#222a43
HSL
hsl(225, 33%, 20%)
HSLA
hsla(225, 33%, 20%, 1)
RGB
RGB(34, 42, 67)
RGBA
RGBA(34, 42, 67, 1)
Paletas para el color #222a43:
A continuación ejemplos de paletas de colores para #222a43 color HEX
el color más oscuro de los tonos oscuros es #030407 y el más claro de los tonos claros es #e9eaec
Paleta de tonos oscuros de #222a43:
#1f263c
#1b2236
#181d2f
#141928
#111522
#0e111b
#0a0d14
#07080d
#030407
#000000
Paleta de tonos claros de #222a43:
#383f56
#4e5569
#646a7b
#7a7f8e
#9195a1
#a7aab4
#bdbfc7
#d3d4d9
#e9eaec
#ffffff
Paleta complementaria de #222a43:
#222a43
#433b22
Paleta triádica de #222a43:
#222a43
#43222a
#2a4322
Paleta cuadrada de #222a43:
#222a43
#43223a
#433b22
#22432b
Paleta análoga de #222a43:
#223b43
#222a43
#2b2243
Paleta dividida-complementaria de #222a43:
#222a43
#432b22
#3a4322
Paleta rectangular (tetrádica) de #222a43:
#222a43
#3b2243
#433b22
#2a4322
Paletas de colores sugeridas para #222a43 HEX:
Paleta de colores con color #222a43 #1:
Paleta de colores con color #222a43 #2:
Paleta de colores con color #222a43 #3:
Paleta de colores con color #222a43 #4:
Paleta de colores con color #222a43 #5:
Contraste de color
Combinaciones de colores #222a43 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#222a43
#222a43 Relación de contraste
14.18:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#222a43
#222a43 Relación de contraste
1.48:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #222a43 color png
Visita la lista de colores populares para más colores