Nome da cor #ffd1dc

Pastel Pink

Cor #ffd1dc no formato RGB (255, 209, 220): 100%, 82%, 86% vermelho, 100%, 82%, 86% verde, 100%, 82%, 86% azul. #ffd1dc no formato CMYK (0%, 18%, 14%, 0%): 0%, 18%, 14%, 0%. No modelo de cores HSL (346, 100%, 91%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#ffd1dc

#ffd6e0

#ffdae3

#ffdfe7

#ffe3ea

#ffe8ee

#ffedf1

#fff1f5

#fff6f8

#fffafc

#ffffff

Formatos de cores

HEX

#ffd1dc

RYB

46, 0, -35

RGB

255, 209, 220

Decimal

16765404

RGB %

100%, 82%, 86%

Websafe

#ffcccc

CMYK

0%, 18%, 14%, 0%

Lab

87.98, 17.83, 0.67

HSL

346, 100%, 91%

XYZ

76.96, 72.03, 77.56

HSV

346, 18%, 100%

YIQ

224.01, 23.87, 13.14

Hunter-Lab

8.49, 2.18, 0.96

YUV

224.01, -1.97, 27.19

Android

0xFFffd1dc

Yxy

72.03, 0.34, 0.32

Cores Adicionais

#ffd1dd

#ffd1d5

#ffd5d1

#ffddd1

#ffd1d1

#ffd9d1

#ffe0d1

#ffe8d1

#ffddd1

#ffe4d1

#ffecd1

#fff4d1

#ffe8d1

#fff0d1

#fff7d1

#ffffd1

#fff4d1

#fffbd1

#fbffd1

#f4ffd1

#ffffd1

#f7ffd1

#f0ffd1

#e8ffd1

#f4ffd1

#ecffd1

#e4ffd1

#ddffd1

Esquema de cores

Complementary

#ffd1dc

#d1fff4

Triad

#ffd1dc

#ddffd1

#d1ddff

Tetrad

#ffd1dc

#f4ffd1

#d1fff4

#ddd1ff

Tons

#ffd1dc

#eec3cd

#ddb5bf

#cca7b0

#bb99a1

#aa8b93

#997d84

#886f75

#776267

#665458

#554649

#44383b

#332a2c

#221c1d

#110e0f

Tons escuros

#cca7b0

#c29fa7

#b8969e

#ad8e96

#a3868d

#997d84

#8f757b

#856d72

#7a646a

#705c61

#665458

#5c4b4f

#524346

#473b3e

#3d3235

Tons claros

#ffd1dc

#ffd9e5

#ffe2ee

#ffeaf6

#fff2ff

#fffbff

#ffffff

Monocromático

#ff7495

#ff7d9c

#ff87a4

#ff90ab

#ff99b2

#ffa3b9

#ffacc0

#ffb5c7

#ffbece

#ffc8d5

#ffd1dc

#ffdae3

#ffe4ea

#ffedf1

#fff6f8

Análogo

#ddd1ff

#f4d1ff

#ffd1f4

#ffd1dd

#ffddd1

#fff4d1

#f4ffd1

Estilos para HTML (CSS)

O fundo deste bloco é colorido #f4ffd1

<div style="background: #f4ffd1">Background</div>

div {background: #f4ffd1;}

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

div {color: #f4ffd1;}

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

div {border: 1px solid #ffd1dc;}