#dc7222 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #dc7222 | RGB(220, 114, 34) |
Creado en 09/29/2026 16:23
Clasificación de colores #dc7222
#dc7222 es Claro y Cálido Color Saturación 73%, luminosidad 50%.
Tono claro de chocolate
RGB los valores son RGB(220, 114, 34)
#dc7222 el color contiene Rojo 86.27%, Verde 44.71% y Azul 13.33%.
oklch(66.29% 0.1575 51.83)
#dc7222 el color contiene Rojo 86.27%, Verde 44.71% y Azul 13.33%.
oklch(66.29% 0.1575 51.83)
Nombres de color de #dc7222 HEX código
≈ Hot Cinnamon
colores alternativos de #dc7222
Color opuesto para #dc7222 – #228cdc
#dc7222 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #dc7222
cmyk
CMYK(0%, 48%, 85%, 14%)
Decimal
14447138
HEX
#dc7222
HSL
hsl(26, 73%, 50%)
HSLA
hsla(26, 73%, 50%, 1)
RGB
RGB(220, 114, 34)
RGBA
RGBA(220, 114, 34, 1)
Paletas para el color #dc7222:
A continuación ejemplos de paletas de colores para #dc7222 color HEX
el color más oscuro de los tonos oscuros es #160b03 y el más claro de los tonos claros es #fcf1e9
Paleta de tonos oscuros de #dc7222:
#c6671f
#b05b1b
#9a5018
#844414
#6e3911
#582e0e
#42220a
#2c1707
#160b03
#000000
Paleta de tonos claros de #dc7222:
#e08038
#e38e4e
#e79c64
#eaaa7a
#eeb991
#f1c7a7
#f5d5bd
#f8e3d3
#fcf1e9
#ffffff
Paleta complementaria de #dc7222:
#dc7222
#228cdc
Paleta triádica de #dc7222:
#dc7222
#22dc72
#7222dc
Paleta cuadrada de #dc7222:
#dc7222
#2fdc22
#228cdc
#cf22dc
Paleta análoga de #dc7222:
#dc222f
#dc7222
#dccf22
Paleta dividida-complementaria de #dc7222:
#dc7222
#22dccf
#222fdc
Paleta rectangular (tetrádica) de #dc7222:
#dc7222
#8cdc22
#228cdc
#7222dc
Paletas de colores sugeridas para #dc7222 HEX:
Paleta de colores con color #dc7222 #1:
Paleta de colores con color #dc7222 #2:
Paleta de colores con color #dc7222 #3:
Paleta de colores con color #dc7222 #4:
Paleta de colores con color #dc7222 #5:
Contraste de color
Combinaciones de colores #dc7222 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#dc7222
#dc7222 Relación de contraste
3.24:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#dc7222
#dc7222 Relación de contraste
6.47:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #dc7222 color png
Visita la lista de colores populares para más colores