Kleur Naam #ffbadf

Bubbelgum Heart

Kleur #ffbadf in RGB-formaat (255, 186, 223): 100%, 73%, 87% rooi, 100%, 73%, 87% groen, 100%, 73%, 87% blou. #ffbadf in CMYK-formaat (0%, 27%, 13%, 0%): 0%, 27%, 13%, 0%. In HSL-kleurmodel (328, 100%, 86%): 328, 100%, 86%-grade, 328, 100%, 86%-versadiging, 328, 100%, 86%-ligheid. Ander formate en passings word hieronder aangebied.

#ffbadf
#ffc1e2
#ffc8e5
#ffcfe9
#ffd6ec
#ffddef
#ffe3f2
#ffeaf5
#fff1f9
#fff8fc
#ffffff

Kleur formate

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

Bykomende kleure

#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

Kleurskemas

Complementary

#ffbadf
#baffd9

Triad

#ffbadf
#e0ffba
#bae0ff

Tetrad

#ffbadf
#fffcba
#baffd9
#babdff

Skakerings

#ffbadf
#eeaed0
#dda1c1
#cc95b2
#bb88a4
#aa7c95
#997086
#886377
#775768
#664a59
#553e4a
#44323b
#33252d
#22191e
#110c0f

Donker Tone

#cc95b2
#c28da9
#b886a1
#ad7e98
#a3778f
#997086
#8f687d
#856174
#7a596b
#705262
#664a59
#5c4350
#523c47
#47343e
#3d2d36

Ligte toon

#ffbadf
#ffc1e8
#ffc9f1
#ffd0fa
#ffd8ff
#ffdfff
#ffe7ff
#ffeeff
#fff6ff
#fffdff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Monochromaties

#ff62b6
#ff6bba
#ff73be
#ff7cc2
#ff85c6
#ff8ecb
#ff97cf
#ffa0d3
#ffa8d7
#ffb1db
#ffbadf
#ffc3e3
#ffcce7
#ffd4eb
#ffddef

Analoog

#babdff
#d9baff
#fcbaff
#ffbae0
#ffbabd
#ffd9ba
#fffcba

Style vir HTML (CSS)

Die agtergrond van hierdie blok is gekleur #fffcba
<div style="background: #fffcba">Background</div>
div {background: #fffcba;}
Die teks en grense van hierdie blok is gekleur #ffbadf
<div style="color: #ffbadf">Text</div>
div {color: #fffcba;}
<div style="border: 1px solid #ffbadf">Border</div>
div {border: 1px solid #ffbadf;}