#c7a722 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #c7a722 | RGB(199, 167, 34) |
Creado en 09/26/2026 04:38
Clasificación de colores #c7a722
#c7a722 es Claro y Cálido Color Saturación 71%, luminosidad 46%.
Tono oscuro de goldenrod
RGB los valores son RGB(199, 167, 34)
#c7a722 el color contiene Rojo 78.04%, Verde 65.49% y Azul 13.33%.
oklch(73.60% 0.1425 94.11)
#c7a722 el color contiene Rojo 78.04%, Verde 65.49% y Azul 13.33%.
oklch(73.60% 0.1425 94.11)
Nombres de color de #c7a722 HEX código
≈ Hokey Pokey
colores alternativos de #c7a722
Color opuesto para #c7a722 – #2242c7
#c7a722 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #c7a722
Decimal
13084450
HEX
#c7a722
HSL
hsl(48, 71%, 46%)
HSLA
hsla(48, 71%, 46%, 1)
RGB
RGB(199, 167, 34)
RGBA
RGBA(199, 167, 34, 1)
Paletas para el color #c7a722:
A continuación ejemplos de paletas de colores para #c7a722 color HEX
el color más oscuro de los tonos oscuros es #141103 y el más claro de los tonos claros es #f9f6e9
Paleta de tonos oscuros de #c7a722:
#b3961f
#9f861b
#8b7518
#776414
#645411
#50430e
#3c320a
#282107
#141103
#000000
Paleta de tonos claros de #c7a722:
#cdb038
#d2b94e
#d8c164
#ddca7a
#e3d391
#e9dca7
#eee5bd
#f4edd3
#f9f6e9
#ffffff
Paleta complementaria de #c7a722:
#c7a722
#2242c7
Paleta triádica de #c7a722:
#c7a722
#22c7a7
#a722c7
Paleta cuadrada de #c7a722:
#c7a722
#22c755
#2242c7
#c72294
Paleta análoga de #c7a722:
#c75522
#c7a722
#94c722
Paleta dividida-complementaria de #c7a722:
#c7a722
#2294c7
#5522c7
Paleta rectangular (tetrádica) de #c7a722:
#c7a722
#42c722
#2242c7
#a722c7
Paletas de colores sugeridas para #c7a722 HEX:
Paleta de colores con color #c7a722 #1:
Paleta de colores con color #c7a722 #2:
Paleta de colores con color #c7a722 #3:
Paleta de colores con color #c7a722 #4:
Paleta de colores con color #c7a722 #5:
Contraste de color
Combinaciones de colores #c7a722 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#c7a722
#c7a722 Relación de contraste
2.33:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#c7a722
#c7a722 Relación de contraste
8.97:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #c7a722 color png
Visita la lista de colores populares para más colores