Nome da cor #b2754d

Baked Bean

Cor #b2754d no formato RGB (178, 117, 77): 70%, 46%, 30% vermelho, 70%, 46%, 30% verde, 70%, 46%, 30% azul. #b2754d no formato CMYK (0%, 34%, 57%, 30%): 0%, 34%, 57%, 30%. No modelo de cores HSL (24, 40%, 50%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#b2754d

#ba835f

#c19171

#c99e82

#d1ac94

#d9baa6

#e0c8b8

#e8d6ca

#f0e3db

#f7f1ed

#ffffff

Formatos de cores

HEX

#b2754d

RYB

61, 40, -61

RGB

178, 117, 77

Decimal

11695437

RGB %

70%, 46%, 30%

Websafe

#996666

CMYK

0%, 34%, 57%, 30%

Lab

54.79, 19.72, 31.71

HSL

24, 40%, 50%

XYZ

26.06, 22.72, 10.03

HSV

24, 57%, 70%

YIQ

130.68, 49.24, 0.39

Hunter-Lab

4.77, 1.93, 2.19

YUV

130.68, -26.41, 41.52

Android

0xFFb2754d

Yxy

22.72, 0.44, 0.39

Cores Adicionais

#b2744d

#b2854d

#b2954d

#b2a64d

#b28d4d

#b29e4d

#b2af4d

#a5b24d

#b2a64d

#adb24d

#9cb24d

#8bb24d

#a5b24d

#94b24d

#83b24d

#72b24d

#8bb24d

#7ab24d

#6ab24d

#59b24d

#72b24d

#61b24d

#50b24d

#4db25a

#59b24d

#4db252

#4db263

#4db274

Esquema de cores

Complementary

#b2754d

#4d8bb2

Triad

#b2754d

#4db274

#744db2

Tetrad

#b2754d

#59b24d

#4d8bb2

#a64db2

Tons

#b2754d

#a66d48

#9a6543

#8e5e3e

#835638

#774e33

#6b462e

#5f3e29

#533724

#472f1f

#3b271a

#2f1f15

#24170f

#18100a

#0c0805

Tons escuros

#8e5e3e

#87593b

#805437

#795034

#724b31

#6b462e

#64422b

#5d3d28

#553825

#4e3322

#472f1f

#402a1c

#392519

#322116

#2b1c12

Tons claros

#b2754d

#b97a50

#c07e53

#c78356

#ce8859

#d68c5c

#dd915f

#e49663

#eb9a66

#f29f69

#f9a46c

#ffa86f

#ffad72

#ffb275

#ffb778

Monocromático

#8e5e3e

#92603f

#966241

#996542

#9d6744

#a06945

#a46c47

#a76e48

#ab704a

#ae734b

#b2754d

#b47851

#b57b54

#b77d58

#b8805b

Análogo

#a84db2

#b24d8a

#b24d57

#b2744d

#b2a64d

#8bb24d

#59b24d

Estilos para HTML (CSS)

O fundo deste bloco é colorido #59b24d

<div style="background: #59b24d">Background</div>

div {background: #59b24d;}

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

div {color: #59b24d;}

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

div {border: 1px solid #b2754d;}