Kleur Naam #ff4681

Sasquatch Socks

Kleur #ff4681 in RGB-formaat (255, 70, 129): 100%, 27%, 51% rood, 100%, 27%, 51% groen, 100%, 27%, 51% blauw. #ff4681 in CMYK-indeling (0%, 73%, 49%, 0%): 0%, 73%, 49%, 0%. In HSL-kleurmodel (341, 100%, 64%): 341, 100%, 64% graden, 341, 100%, 64% verzadiging, 341, 100%, 64% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.

#ff4681
#ff598e
#ff6b9a
#ff7ea7
#ff90b3
#ffa3c0
#ffb5cd
#ffc8d9
#ffdae6
#ffedf2
#ffffff

Kleurformaten

HEX

#ff4681

RYB

185, 0, -126

RGB

255, 70, 129

Decimal

16729729

RGB %

100%, 27%, 51%

Websafe

#ff3399

CMYK

0%, 73%, 49%, 0%

Lab

59.18, 72.42, 9.61

HSL

341, 100%, 64%

XYZ

47.39, 27.23, 23.53

HSV

341, 73%, 100%

YIQ

132.04, 91.26, 57.44

Hunter-Lab

5.22, 7.93, 1.2

YUV

132.04, -1.49, 107.87

Android

0xFFff4681

Yxy

27.23, 0.48, 0.28

Extra kleuren

#ff4684
#ff4665
#ff4646
#ff6546
#ff4655
#ff5546
#ff7446
#ff9346
#ff6546
#ff8446
#ffa346
#ffc146
#ff9346
#ffb246
#ffd146
#fff046
#ffc146
#ffe046
#ffff46
#e0ff46
#fff046
#f0ff46
#d1ff46
#b2ff46
#e0ff46
#c1ff46
#a3ff46
#84ff46

Kleurenschema's

Complementary

#ff4681
#46ffc1

Triad

#ff4681
#84ff46
#4684ff

Tetrad

#ff4681
#e0ff46
#46ffc1
#6546ff

Tinten

#ff4681
#ee4178
#dd3d70
#cc3867
#bb335f
#aa2f56
#992a4d
#882545
#77213c
#661c34
#55172b
#441322
#330e1a
#220911
#110509

Donkere tinten

#cc3867
#c23562
#b8325d
#ad3058
#a32d53
#992a4d
#8f2748
#852443
#7a223e
#701f39
#661c34
#5c192e
#521629
#471424
#3d111f

Lichte tonen

#ff4681
#ff4986
#ff4c8b
#ff4e90
#ff5196
#ff549b
#ff57a0
#ff5aa5
#ff5caa
#ff5faf
#ff62b5
#ff65ba
#ff68bf
#ff6ac4
#ff6dc9

Monochromatisch

#ff0555
#ff0c59
#ff125e
#ff1962
#ff1f66
#ff266b
#ff2c6f
#ff3374
#ff3978
#ff3f7d
#ff4681
#ff4d85
#ff538a
#ff5a8e
#ff6093

Analoog

#6546ff
#c146ff
#ff46e0
#ff4684
#ff6546
#ffc146
#e0ff46

Stijlen voor HTML (CSS)

De achtergrond van dit blok is gekleurd #e0ff46
<div style="background: #e0ff46">Background</div>
div {background: #e0ff46;}
De tekst en randen van dit blok zijn gekleurd #ff4681
<div style="color: #ff4681">Text</div>
div {color: #e0ff46;}
<div style="border: 1px solid #ff4681">Border</div>
div {border: 1px solid #ff4681;}