Nome da cor #fff2d7

Coffee Cream

Cor #fff2d7 no formato RGB (255, 242, 215): 100%, 95%, 84% vermelho, 100%, 95%, 84% verde, 100%, 95%, 84% azul. #fff2d7 no formato CMYK (0%, 5%, 16%, 0%): 0%, 5%, 16%, 0%. No modelo de cores HSL (41, 100%, 92%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#fff2d7
#fff3db
#fff5df
#fff6e3
#fff7e7
#fff9eb
#fffaef
#fffbf3
#fffcf7
#fffefb
#ffffff

Formatos de cores

HEX

#fff2d7

RYB

13, 27, -13

RGB

255, 242, 215

Decimal

16773847

RGB %

100%, 95%, 84%

Websafe

#ffffcc

CMYK

0%, 5%, 16%, 0%

Lab

95.86, 0.05, 14.6

HSL

41, 100%, 92%

XYZ

85.26, 89.67, 77.1

HSV

41, 16%, 100%

YIQ

242.81, 16.44, -5.68

Hunter-Lab

9.47, 0.34, 2.19

YUV

242.81, -13.68, 10.7

Android

0xFFfff2d7

Yxy

89.67, 0.34, 0.36

Cores Adicionais

#fff2d7
#fff8d7
#ffffd7
#f8ffd7
#fffcd7
#fcffd7
#f5ffd7
#eeffd7
#f8ffd7
#f2ffd7
#ebffd7
#e4ffd7
#eeffd7
#e8ffd7
#e1ffd7
#daffd7
#e4ffd7
#deffd7
#d7ffd7
#d7ffde
#daffd7
#d7ffda
#d7ffe1
#d7ffe8
#d7ffde
#d7ffe4
#d7ffeb
#d7fff2

Esquema de cores

Complementary

#fff2d7
#d7e4ff

Triad

#fff2d7
#d7fff2
#f2d7ff

Tetrad

#fff2d7
#d7ffde
#d7e4ff
#ffd7f8

Tons

#fff2d7
#eee2c9
#ddd2ba
#ccc2ac
#bbb19e
#aaa18f
#999181
#888173
#777164
#666156
#555148
#444139
#33302b
#22201d
#11100e

Tons escuros

#ccc2ac
#c2b8a3
#b8ae9b
#ada592
#a39b8a
#999181
#8f8878
#857e70
#7a7467
#706a5f
#666156
#5c574d
#524d45
#47443c
#3d3a34

Tons claros

#fff2d7
#fffce0
#ffffe8
#fffff1
#fffff9
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Monocromático

#ffd379
#ffd782
#ffda8c
#ffdd95
#ffe09f
#ffe3a8
#ffe6b1
#ffe9bb
#ffecc4
#ffefce
#fff2d7
#fff5e0
#fff8ea
#fffbf3
#fffefd

Análogo

#ffd7f8
#ffd7e4
#ffded7
#fff2d7
#f8ffd7
#e4ffd7
#d7ffde

Estilos para HTML (CSS)

O fundo deste bloco é colorido #d7ffde
<div style="background: #d7ffde">Background</div>
div {background: #d7ffde;}
O texto e as bordas deste bloco são coloridos #fff2d7
<div style="color: #fff2d7">Text</div>
div {color: #d7ffde;}
<div style="border: 1px solid #fff2d7">Border</div>
div {border: 1px solid #fff2d7;}