Nombre del color #ffbadf

Bubbelgum Heart

Color #ffbadf en formato RGB (255, 186, 223): 100%, 73%, 87% rojo, 100%, 73%, 87% verde, 100%, 73%, 87% azul. #ffbadfadecimal en formato CMYK (0%, 27%, 13%, 0%): 0%, 27%, 13%, 0%. En el modelo de color HSL (328, 100%, 86%): 328, 100%, 86% grados, 328, 100%, 86% saturación, 328, 100%, 86% luminosidad. Otros formatos y partidos se presentan a continuación.

#ffbadf

#ffc1e2

#ffc8e5

#ffcfe9

#ffd6ec

#ffddef

#ffe3f2

#ffeaf5

#fff1f9

#fff8fc

#ffffff

Formatos de color

HEX

#ffbadf

RYB

69, 0, -32

RGB

255, 186, 223

Decimal

16759519

RGB %

100%, 73%, 87%

Websafe

#ffcccc

CMYK

0%, 27%, 13%, 0%

Lab

82.76, 30.37, -8.62

HSL

328, 100%, 86%

XYZ

72.12, 61.71, 77.92

HSV

328, 27%, 100%

YIQ

210.85, 29.21, 26.1

Hunter-Lab

7.86, 3.5, 0.1

YUV

210.85, 5.98, 38.73

Android

0xFFffbadf

Yxy

61.71, 0.34, 0.29

Colores adicionales

#ffbae0

#ffbad4

#ffbac9

#ffbabd

#ffbacf

#ffbac3

#ffbcba

#ffc8ba

#ffbabd

#ffc2ba

#ffceba

#ffd9ba

#ffc8ba

#ffd3ba

#ffdfba

#ffeaba

#ffd9ba

#ffe5ba

#fff0ba

#fffcba

#ffeaba

#fff6ba

#fdffba

#f1ffba

#fffcba

#f7ffba

#ebffba

#e0ffba

Esquemas de color

Complementary

#ffbadf

#baffd9

Triad

#ffbadf

#e0ffba

#bae0ff

Tetrad

#ffbadf

#fffcba

#baffd9

#babdff

Sombras

#ffbadf

#eeaed0

#dda1c1

#cc95b2

#bb88a4

#aa7c95

#997086

#886377

#775768

#664a59

#553e4a

#44323b

#33252d

#22191e

#110c0f

Tonos oscuros

#cc95b2

#c28da9

#b886a1

#ad7e98

#a3778f

#997086

#8f687d

#856174

#7a596b

#705262

#664a59

#5c4350

#523c47

#47343e

#3d2d36

Tonos claros

#ffbadf

#ffc1e8

#ffc9f1

#ffd0fa

#ffd8ff

#ffdfff

#ffe7ff

#ffeeff

#fff6ff

#fffdff

#ffffff

Monocromo

#ff62b6

#ff6bba

#ff73be

#ff7cc2

#ff85c6

#ff8ecb

#ff97cf

#ffa0d3

#ffa8d7

#ffb1db

#ffbadf

#ffc3e3

#ffcce7

#ffd4eb

#ffddef

Análogo

#babdff

#d9baff

#fcbaff

#ffbae0

#ffbabd

#ffd9ba

#fffcba

Estilos para HTML (CSS)

El fondo de este bloque está coloreado. #fffcba

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

div {background: #fffcba;}

El texto y los bordes de este bloque están coloreados. #ffbadf

div {color: #fffcba;}

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

div {border: 1px solid #ffbadf;}