Kleur Naam #ffff99

Canary, Sunburst Yellow

Kleur #ffff99 in RGB-formaat (255, 255, 153): 100%, 100%, 60% rood, 100%, 100%, 60% groen, 100%, 100%, 60% blauw. #ffff99 in CMYK-indeling (0%, 0%, 40%, 0%): 0%, 0%, 40%, 0%. In HSL-kleurmodel (60, 100%, 80%): 60, 100%, 80% graden, 60, 100%, 80% verzadiging, 60, 100%, 80% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.

#ffff99
#ffffa3
#ffffad
#ffffb8
#ffffc2
#ffffcc
#ffffd6
#ffffe0
#ffffeb
#fffff5
#ffffff

Kleurformaten

HEX

#ffff99

RYB

0, 102, 0

RGB

255, 255, 153

Decimal

16777113

RGB %

100%, 100%, 60%

Websafe

#ffff99

CMYK

0%, 0%, 40%, 0%

Lab

98.07, -14.23, 48.66

HSL

60, 100%, 80%

XYZ

82.75, 95.08, 44.13

HSV

60, 40%, 100%

YIQ

243.37, 32.84, -31.82

Hunter-Lab

9.75, -1.13, 4.36

YUV

243.37, -44.47, 10.2

Android

0xFFffff99

Yxy

95.08, 0.37, 0.43

Extra kleuren

#ffff99
#eeff99
#ddff99
#ccff99
#e6ff99
#d5ff99
#c4ff99
#b3ff99
#ccff99
#bbff99
#aaff99
#99ff99
#b3ff99
#a2ff99
#99ffa2
#99ffb3
#99ff99
#99ffaa
#99ffbb
#99ffcc
#99ffb3
#99ffc4
#99ffd5
#99ffe6
#99ffcc
#99ffdd
#99ffee
#99ffff

Kleurenschema's

Complementary

#ffff99
#9999ff

Triad

#ffff99
#99ffff
#ff99ff

Tetrad

#ffff99
#99ffcc
#9999ff
#ff99cc

Tinten

#ffff99
#eeee8f
#dddd85
#cccc7a
#bbbb70
#aaaa66
#99995c
#888852
#777747
#66663d
#555533
#444429
#33331f
#222214
#11110a

Donkere tinten

#cccc7a
#c2c274
#b8b86e
#adad68
#a3a362
#99995c
#8f8f56
#858550
#7a7a49
#707043
#66663d
#5c5c37
#525231
#47472b
#3d3d25

Lichte tonen

#ffff99
#ffff9f
#ffffa5
#ffffab
#ffffb1
#ffffb8
#ffffbe
#ffffc4
#ffffca
#ffffd0
#ffffd6
#ffffdc
#ffffe2
#ffffe9
#ffffef

Monochromatisch

#ffff47
#ffff50
#ffff58
#ffff60
#ffff68
#ffff70
#ffff78
#ffff81
#ffff89
#ffff91
#ffff99
#ffffa1
#ffffa9
#ffffb1
#ffffba

Analoog

#ff99cc
#ff9999
#ffcc99
#ffff99
#ccff99
#99ff99
#99ffcc

Stijlen voor HTML (CSS)

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