Incandescence
Farbe #ffbb22 im RGB-Format (255, 187, 34): 100%, 73%, 13% rot, 100%, 73%, 13% grün, 100%, 73%, 13% blau. #ffbb22 im CMYK-Format (0%, 27%, 87%, 0%): 0%, 27%, 87%, 0%. Im HSL-Farbmodell (42, 100%, 57%): 42, 100%, 57%-Grade, 42, 100%, 57%-Sättigung, 42, 100%, 57%-Helligkeit. Weitere Formate und Übereinstimmungen werden unten vorgestellt.
#ffbb22
#ffc238
#ffc94e
#ffcf64
#ffd67a
#ffdd91
#ffe4a7
#ffebbd
#fff1d3
#fff8e9
#ffffff
Farbformate
HEX
#ffbb22
RYB
68, 153, -68
RGB
255, 187, 34
Decimal
16759586
RGB %
100%, 73%, 13%
Websafe
#ffcc33
CMYK
0%, 27%, 87%, 0%
Lab
80.13, 12.88, 77.43
HSL
42, 100%, 57%
XYZ
59.3, 56.92, 9.37
HSV
42, 87%, 100%
YIQ
189.89, 89.79, -33.39
Hunter-Lab
7.54, 1.56, 4.6
YUV
189.89, -76.71, 57.12
Android
0xFFffbb22
Yxy
56.92, 0.47, 0.45
Zusätzliche Farben
#ffb922
#ffde22
#fbff22
#d6ff22
#fff022
#e9ff22
#c4ff22
#9fff22
#d6ff22
#b2ff22
#8dff22
#68ff22
#9fff22
#7aff22
#56ff22
#31ff22
#68ff22
#43ff22
#22ff26
#22ff4b
#31ff22
#22ff38
#22ff5d
#22ff82
#22ff4b
#22ff6f
#22ff94
#22ffb9
Farbschemata
Complementary
#ffbb22
#2268ff
Triad
#ffbb22
#22ffb9
#b922ff
Tetrad
#ffbb22
#22ff4b
#2268ff
#ff22d6
Farbtöne
#ffbb22
#eeaf20
#dda21d
#cc961b
#bb8919
#aa7d17
#997014
#886412
#775710
#664b0e
#553e0b
#443209
#332507
#221905
#110c02
Dunkle Töne
#cc961b
#c28e1a
#b88718
#ad7f17
#a37816
#997014
#8f6913
#856112
#7a5a10
#70520f
#664b0e
#5c430c
#523c0b
#47340a
#3d2d08
Helle Töne
#ffbb22
#ffc223
#ffca25
#ffd126
#ffd927
#ffe029
#ffe82a
#ffef2c
#fff72d
#fffe2e
#ffff30
#ffff31
#ffff32
#ffff34
#ffff35
Monochromatisch
#e7a000
#eda400
#f3a800
#f9ac00
#feb000
#ffb205
#ffb40b
#ffb611
#ffb716
#ffb91c
#ffbb22
#ffbd28
#ffbf2e
#ffc033
#ffc239
Analog
#ff22d3
#ff2264
#ff4b22
#ffb922
#d6ff22
#68ff22
#22ff4b
Stile für HTML (CSS)
Der Hintergrund dieses Blocks ist farbig #22ff4b
<div style="background: #22ff4b">Background</div>
div {background: #22ff4b;}
Der Text und die Ränder dieses Blocks sind farbig
#ffbb22
<div style="color: #ffbb22">Text</div>
div {color: #22ff4b;}
<div style="border: 1px solid #ffbb22">Border</div>
div {border: 1px solid #ffbb22;}