Mandarin Peel
Kleur #ffa000 in RGB-formaat (255, 160, 0): 100%, 63%, 0% rood, 100%, 63%, 0% groen, 100%, 63%, 0% blauw. #ffa000 in CMYK-indeling (0%, 37%, 100%, 0%): 0%, 37%, 100%, 0%. In HSL-kleurmodel (38, 100%, 50%): 38, 100%, 50% graden, 38, 100%, 50% verzadiging, 38, 100%, 50% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.
#ffa000
#ffaa1a
#ffb333
#ffbd4d
#ffc666
#ffd080
#ffd999
#ffe3b3
#ffeccc
#fff6e6
#ffffff
Kleurformaten
HEX
#ffa000
RYB
95, 160, -95
RGB
255, 160, 0
Decimal
16752640
RGB %
100%, 63%, 0%
Websafe
#ff9900
CMYK
0%, 37%, 100%, 0%
Lab
73.81, 26.54, 78.22
HSL
38, 100%, 50%
XYZ
53.81, 46.4, 6.12
HSV
38, 100%, 100%
YIQ
170.17, 108.14, -29.88
Hunter-Lab
6.81, 2.91, 4.28
YUV
170.17, -83.74, 74.43
Android
0xFFffa000
Yxy
46.4, 0.51, 0.44
Extra kleuren
#ff9d00
#ffc800
#fff200
#e1ff00
#ffdd00
#f7ff00
#ccff00
#a2ff00
#e1ff00
#b7ff00
#8cff00
#62ff00
#a2ff00
#77ff00
#4dff00
#22ff00
#62ff00
#37ff00
#0dff00
#00ff1e
#22ff00
#00ff08
#00ff33
#00ff5e
#00ff1e
#00ff48
#00ff73
#00ff9d
Kleurenschema's
Complementary
#ffa000
#0062ff
Triad
#ffa000
#00ff9d
#9d00ff
Tetrad
#ffa000
#00ff1e
#0062ff
#ff00e1
Tinten
#ffa000
#ee9500
#dd8b00
#cc8000
#bb7500
#aa6b00
#996000
#885500
#774b00
#664000
#553500
#442b00
#332000
#221500
#110b00
Donkere tinten
#cc8000
#c27a00
#b87300
#ad6d00
#a36600
#996000
#8f5a00
#855300
#7a4d00
#704600
#664000
#5c3a00
#523300
#472d00
#3d2600
Lichte tonen
#ffa000
#ffa600
#ffad00
#ffb300
#ffba00
#ffc000
#ffc600
#ffcd00
#ffd300
#ffda00
#ffe000
#ffe600
#ffed00
#fff300
#fffa00
Monochromatisch
#cc8000
#d18300
#d68600
#db8a00
#e08d00
#e69000
#eb9300
#f09600
#f59a00
#fa9d00
#ffa000
#ffa205
#ffa40a
#ffa60f
#ffa814
Analoog
#ff00dd
#ff005d
#ff1e00
#ff9d00
#e1ff00
#62ff00
#00ff1e
Stijlen voor HTML (CSS)
De achtergrond van dit blok is gekleurd #00ff1e
<div style="background: #00ff1e">Background</div>
div {background: #00ff1e;}
De tekst en randen van dit blok zijn gekleurd
#ffa000
<div style="color: #ffa000">Text</div>
div {color: #00ff1e;}
<div style="border: 1px solid #ffa000">Border</div>
div {border: 1px solid #ffa000;}