Nome da cor #ffcc55

Angry Pasta

Cor #ffcc55 no formato RGB (255, 204, 85): 100%, 80%, 33% vermelho, 100%, 80%, 33% verde, 100%, 80%, 33% azul. #ffcc55 no formato CMYK (0%, 20%, 67%, 0%): 0%, 20%, 67%, 0%. No modelo de cores HSL (42, 100%, 67%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#ffcc55

#ffd166

#ffd677

#ffdb88

#ffe099

#ffe6aa

#ffebbb

#fff0cc

#fff5dd

#fffaee

#ffffff

Formatos de cores

HEX

#ffcc55

RYB

51, 119, -51

RGB

255, 204, 85

Decimal

16763989

RGB %

100%, 80%, 33%

Websafe

#ffcc66

CMYK

0%, 20%, 67%, 0%

Lab

84.54, 5.98, 64.06

HSL

42, 100%, 67%

XYZ

64.47, 65.1, 17.76

HSV

42, 67%, 100%

YIQ

205.68, 68.71, -26.37

Hunter-Lab

8.07, 0.89, 4.45

YUV

205.68, -59.39, 43.27

Android

0xFFffcc55

Yxy

65.1, 0.44, 0.44

Cores Adicionais

#ffcc55

#ffe855

#f9ff55

#ddff55

#fff755

#ebff55

#cfff55

#b3ff55

#ddff55

#c1ff55

#a4ff55

#88ff55

#b3ff55

#96ff55

#7aff55

#5eff55

#88ff55

#6cff55

#55ff5b

#55ff77

#5eff55

#55ff69

#55ff85

#55ffa2

#55ff77

#55ff93

#55ffb0

#55ffcc

Esquema de cores

Complementary

#ffcc55

#5588ff

Triad

#ffcc55

#55ffcc

#cc55ff

Tetrad

#ffcc55

#55ff77

#5588ff

#ff55dd

Tons

#ffcc55

#eebe4f

#ddb14a

#cca344

#bb963e

#aa8839

#997a33

#886d2d

#775f28

#665222

#55441c

#443617

#332911

#221b0b

#110e06

Tons escuros

#cca344

#c29b41

#b8933d

#ad8b3a

#a38336

#997a33

#8f7230

#856a2c

#7a6229

#705a25

#665222

#5c491f

#52411b

#473918

#3d3114

Tons claros

#ffcc55

#ffd458

#ffdc5c

#ffe45f

#ffed63

#fff566

#fffd69

#ffff6d

#ffff70

#ffff74

#ffff77

#ffff7a

#ffff7e

#ffff81

#ffff85

Monocromático

#ffb811

#ffba18

#ffbc1f

#ffbe25

#ffc02c

#ffc233

#ffc43a

#ffc641

#ffc847

#ffca4e

#ffcc55

#ffce5c

#ffd063

#ffd269

#ffd470

Análogo

#ff55da

#ff5585

#ff7755

#ffcc55

#ddff55

#88ff55

#55ff77

Estilos para HTML (CSS)

O fundo deste bloco é colorido #55ff77

<div style="background: #55ff77">Background</div>

div {background: #55ff77;}

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

div {color: #55ff77;}

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

div {border: 1px solid #ffcc55;}