Bright Bubble
Kleur #ffc42a in RGB-formaat (255, 196, 42): 100%, 77%, 16% rood, 100%, 77%, 16% groen, 100%, 77%, 16% blauw. #ffc42a in CMYK-indeling (0%, 23%, 84%, 0%): 0%, 23%, 84%, 0%. In HSL-kleurmodel (43, 100%, 58%): 43, 100%, 58% graden, 43, 100%, 58% verzadiging, 43, 100%, 58% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.
#ffc42a
#ffca3f
#ffd055
#ffd66a
#ffdc7f
#ffe295
#ffe7aa
#ffedbf
#fff3d4
#fff9ea
#ffffff
Kleurformaten
HEX
#ffc42a
RYB
59, 154, -59
RGB
255, 196, 42
Decimal
16761898
RGB %
100%, 77%, 16%
Websafe
#ffcc33
CMYK
0%, 23%, 84%, 0%
Lab
82.33, 8.39, 77.21
HSL
43, 100%, 58%
XYZ
61.4, 60.91, 10.71
HSV
43, 84%, 100%
YIQ
196.09, 84.75, -35.6
Hunter-Lab
7.8, 1.12, 4.72
YUV
196.09, -75.82, 51.69
Android
0xFFffc42a
Yxy
60.91, 0.46, 0.46
Extra kleuren
#ffc32a
#ffe62a
#f4ff2a
#d1ff2a
#fff82a
#e3ff2a
#bfff2a
#9cff2a
#d1ff2a
#adff2a
#8aff2a
#66ff2a
#9cff2a
#78ff2a
#55ff2a
#31ff2a
#66ff2a
#43ff2a
#2aff35
#2aff58
#31ff2a
#2aff46
#2aff6a
#2aff8d
#2aff58
#2aff7c
#2aff9f
#2affc3
Kleurenschema's
Complementary
#ffc42a
#2a66ff
Triad
#ffc42a
#2affc3
#c32aff
Tetrad
#ffc42a
#2aff58
#2a66ff
#ff2ad1
Tinten
#ffc42a
#eeb727
#ddaa24
#cc9d22
#bb901f
#aa831c
#997619
#886916
#775b14
#664e11
#55410e
#44340b
#332708
#221a06
#110d03
Donkere tinten
#cc9d22
#c29520
#b88d1e
#ad851d
#a37d1b
#997619
#8f6e18
#856616
#7a5e14
#705612
#664e11
#5c470f
#523f0d
#47370c
#3d2f0a
Lichte tonen
#ffc42a
#ffcc2c
#ffd42d
#ffdc2f
#ffe331
#ffeb32
#fff334
#fffb36
#ffff37
#ffff39
#ffff3b
#ffff3c
#ffff3e
#ffff40
#ffff42
Monochromatisch
#eeac00
#f4b000
#f9b400
#ffb800
#ffba06
#ffbc0c
#ffbd12
#ffbf18
#ffc11e
#ffc224
#ffc42a
#ffc630
#ffc736
#ffc93c
#ffcb42
Analoog
#ff2acd
#ff2a63
#ff582a
#ffc32a
#d1ff2a
#66ff2a
#2aff58
Stijlen voor HTML (CSS)
De achtergrond van dit blok is gekleurd #2aff58
<div style="background: #2aff58">Background</div>
div {background: #2aff58;}
De tekst en randen van dit blok zijn gekleurd
#ffc42a
<div style="color: #ffc42a">Text</div>
div {color: #2aff58;}
<div style="border: 1px solid #ffc42a">Border</div>
div {border: 1px solid #ffc42a;}