Nome da cor #ff8d28

Instant Orange

Cor #ff8d28 no formato RGB (255, 141, 40): 100%, 55%, 16% vermelho, 100%, 55%, 16% verde, 100%, 55%, 16% azul. #ff8d28 no formato CMYK (0%, 45%, 84%, 0%): 0%, 45%, 84%, 0%. No modelo de cores HSL (28, 100%, 58%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#ff8d28

#ff983e

#ffa453

#ffaf69

#ffbb7e

#ffc694

#ffd1a9

#ffddbf

#ffe8d4

#fff4ea

#ffffff

Formatos de cores

HEX

#ff8d28

RYB

114, 101, -114

RGB

255, 141, 40

Decimal

16747816

RGB %

100%, 55%, 16%

Websafe

#ff9933

CMYK

0%, 45%, 84%, 0%

Lab

69.8, 36.87, 67.35

HSL

28, 100%, 58%

XYZ

51.15, 40.46, 7.12

HSV

28, 84%, 100%

YIQ

163.57, 100.47, -7.46

Hunter-Lab

6.36, 3.97, 3.84

YUV

163.57, -60.81, 80.21

Android

0xFFff8d28

Yxy

40.46, 0.52, 0.41

Cores Adicionais

#ff8c28

#ffb028

#ffd428

#fff828

#ffc228

#ffe628

#f4ff28

#d0ff28

#fff828

#e2ff28

#bfff28

#9bff28

#d0ff28

#adff28

#89ff28

#65ff28

#9bff28

#77ff28

#53ff28

#2fff28

#65ff28

#41ff28

#28ff33

#28ff57

#2fff28

#28ff45

#28ff69

#28ff8c

Esquema de cores

Complementary

#ff8d28

#289bff

Triad

#ff8d28

#28ff8c

#8c28ff

Tetrad

#ff8d28

#2fff28

#289bff

#f828ff

Tons

#ff8d28

#ee8425

#dd7a23

#cc7120

#bb671d

#aa5e1b

#995518

#884b15

#774213

#663810

#552f0d

#44260b

#331c08

#221305

#110903

Tons escuros

#cc7120

#c26b1e

#b8661d

#ad601b

#a35a1a

#995518

#8f4f16

#854915

#7a4413

#703e12

#663810

#5c330e

#522d0d

#47270b

#3d220a

Tons claros

#ff8d28

#ff932a

#ff982b

#ff9e2d

#ffa42e

#ffa930

#ffaf32

#ffb433

#ffba35

#ffc036

#ffc538

#ffcb3a

#ffd13b

#ffd63d

#ffdc3e

Monocromático

#ec6f00

#f27200

#f87400

#fe7700

#ff7a05

#ff7d0b

#ff8010

#ff8416

#ff871c

#ff8a22

#ff8d28

#ff902e

#ff9334

#ff963a

#ff9a40

Análogo

#fb28ff

#ff2897

#ff282c

#ff8c28

#fff828

#9bff28

#2fff28

Estilos para HTML (CSS)

O fundo deste bloco é colorido #2fff28

<div style="background: #2fff28">Background</div>

div {background: #2fff28;}

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

div {color: #2fff28;}

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

div {border: 1px solid #ff8d28;}