Colores web: Orange #FFA500

Color html Orange hex #FFA500

Nombre en ingles: Orange

HEX #FFA500

RGB 255, 165, 0

HSL 39, 100, 50

CMYK 0, 35, 100, 0

El color orange  forma parte de los 140 colores usados en el lenguaje html i CSS para el diseño de páginas web.

Complementario

complementario y tetrada 2 color hex #005aff del color html #FFA500 orange
#005AFF

0, 90, 255

El color #005AFF es el complementario del orange #FFA500.

Significa que cada uno de estos colores está en una posición opuesta dentro del círculo cromático, la combinación de estos colores presenta un contraste elevado.

Tríada

tríada 1 y análogo 4 color hex #005aff del color html orange
#00FFA5

0, 255, 165

tríada 2 color hex #a500ff del color web orange
#A500FF

165, 0, 255

Los colores #00FFA5 y #A500FF conforman la triada junto al color orange.

Las tríadas son colores que se encuentran  a igual distancia entre si dentro del círculo cromático. Su combinación suele tener un contraste alto y funcionan a la perfección cuando domina uno de los tres.

Tetráda

tetrada 1 y análogo3 color hex #00ff25 del colore web orange
#00FF25

0, 255, 37

complementario y tetrada 2 color hex #005aff del color html #FFA500 orange
#005AFF

0, 90, 255

tetrada 3 color hex #ff00d9 del color web orange
#FF00D9

255, 0, 217

Los colores #00FF25, #005AFF y #FF00D9 forman un cuarteto con el #FFA500.

Las tetrádas son colores complementarios ubicados a 60º en la rueda de color. un cuarteto o tetrádica representa un inicio acertado a la hora de trabajar paletas de colores.

Análogos

análogo1 color hex #d9ff00 del color web orange
#D9FF00

217, 255, 0

análogo2 color hex #5aff00 del color web orange
#5AFF00

90, 255, 0

tetrada 1 y análogo3 color hex #00ff25 del colore web orange
#00FF25

 0, 255, 37

tríada 1 y análogo 4 color hex #005aff del color html orange
#00FFA5

0, 255, 165

análogo 5 color hex #00d9ff del color web orange
#00D9FF

0, 217, 255

Los colores hexadecimales #D9FF00, #5AFF00, #00FF25, #00FFA5 y #00D9FF constituyen los colores análogos del color orange.

En otras palabras, son sus colores adyacentes y son una combinación muy flexible y usada en el diseño de páginas web.

Tintes

tinte 1 color hex #ffb020 del color web orange
#FFB020

255, 176, 32

tinte 2 color hex #ffbb40 del color web orange
#FFBB40

255, 187, 64

tinte 3 color hex #ffc760 del color web orange
#FFC760

255, 199, 96

tinte 4 color hex #ffd280 del color web orange
#FFD280

255, 210, 128

tinte 5 color hex #ffdd9f del color web orange
#FFDD9F

255, 221, 159

tinte 6 color hex #ffe8bf del color web orange
#FFE8BF

255, 232, 191

tinte 7 color hex #fff4df
#FFF4DF

255, 244, 223

Los tintes del color web orange son el resultado de adicionar diferentes cantidades de blanco, lo que hace que resulten colores cada vez más claros.

Sombras

sombra 1 color hex #df9000 del color web orange
#DF9000

223, 144, 0

sombra 2 color hex #bfcd00 del color web orange
#BF7C00

191, 124, 0

sombra 3 color hex #9f6700 del color web orange
#9F6700

159, 103, 0

sombra 4 color hex #805300 del color web orange
#805300

128, 83, 0

sombra 5 color hex #603e00 del color web orange
#603E00

96, 62, 0

sombra 6 color hex #402900 del color web orange
#402900

64, 41, 0

sombra 7 color hex #201500 del color web orange
#201500

32, 21, 0

Al diferencia de los tintes, las sombras resultan de la adición del negro en diferentes cantidades, haciendo que el orange sea el punto de partida para colores más oscuros como #603E00.

Tonos

tono 1 color hex #efa010 del color web orange
#EFA010

239, 160, 16

tono 2 color hex #df9c20 del color web orange
#DF9C20

223, 156, 32

tono 3 color hex #cf9730 del color web orange
#CF9730

207, 151, 48

tono 4 color hex #bf9240 del color web orange
#BF9240

191, 146, 64

tono 5 color hex #af8e50 del color web orange
#AF8E50

175, 142, 80

tono 6 color hex #9f8960 del color web orange
#9F8960

159, 137, 96

tono 7 color hex #8f8470 del color web orange
#8F8470

143, 132, 112

Los tonos #EFA010, #DF9C20, #CF9730, #BF9240, #AF8E50, #9F8960 y #F8470 son el resultado de la adición del gris al color orange en diferentes cantidades.