Nome da cor #ff6316

Badlands Orange

Cor #ff6316 no formato RGB (255, 99, 22): 100%, 39%, 9% vermelho, 100%, 39%, 9% verde, 100%, 39%, 9% azul. #ff6316 no formato CMYK (0%, 61%, 91%, 0%): 0%, 61%, 91%, 0%. No modelo de cores HSL (20, 100%, 54%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#ff6316

#ff732d

#ff8245

#ff925c

#ffa173

#ffb18b

#ffc1a2

#ffd0b9

#ffe0d0

#ffefe8

#ffffff

Formatos de cores

HEX

#ff6316

RYB

156, 77, -156

RGB

255, 99, 22

Decimal

16737046

RGB %

100%, 39%, 9%

Websafe

#ff6600

CMYK

0%, 61%, 91%, 0%

Lab

61.86, 56.51, 66.78

HSL

20, 100%, 54%

XYZ

45.85, 30.24, 4.18

HSV

20, 91%, 100%

YIQ

136.87, 117.77, 8.89

Hunter-Lab

5.5, 6.03, 3.44

YUV

136.87, -56.52, 103.64

Android

0xFFff6316

Yxy

30.24, 0.57, 0.38

Cores Adicionais

#ff6016

#ff8716

#ffad16

#ffd416

#ff9a16

#ffc116

#ffe816

#efff16

#ffd416

#fffb16

#dcff16

#b5ff16

#efff16

#c9ff16

#a2ff16

#7bff16

#b5ff16

#8eff16

#68ff16

#41ff16

#7bff16

#54ff16

#2dff16

#16ff26

#41ff16

#1aff16

#16ff39

#16ff60

Esquema de cores

Complementary

#ff6316

#16b5ff

Triad

#ff6316

#16ff60

#6016ff

Tetrad

#ff6316

#41ff16

#16b5ff

#d416ff

Tons

#ff6316

#ee5c15

#dd5613

#cc4f12

#bb4910

#aa420f

#993b0d

#88350c

#772e0a

#662809

#552107

#441a06

#331404

#220d03

#110701

Tons escuros

#cc4f12

#c24b11

#b84710

#ad430f

#a33f0e

#993b0d

#8f370c

#85330b

#7a300b

#702c0a

#662809

#5c2408

#522007

#471c06

#3d1805

Tons claros

#ff6316

#ff6717

#ff6b18

#ff6f19

#ff731a

#ff771a

#ff7b1b

#ff7f1c

#ff831d

#ff871e

#ff8b1f

#ff8f20

#ff9321

#ff9621

#ff9a22

Monocromático

#de4900

#e34b00

#e94d00

#ee4f00

#f45100

#f95200

#ff5400

#ff5805

#ff5c0b

#ff5f10

#ff6316

#ff671c

#ff6a21

#ff6e27

#ff722c

Análogo

#d816ff

#ff16b1

#ff163d

#ff6016

#ffd416

#b5ff16

#41ff16

Estilos para HTML (CSS)

O fundo deste bloco é colorido #41ff16

<div style="background: #41ff16">Background</div>

div {background: #41ff16;}

O texto e as bordas deste bloco são coloridos #ff6316

div {color: #41ff16;}

<div style="border: 1px solid #ff6316">Border</div>

div {border: 1px solid #ff6316;}