#ffc22b Color Information
In a RGB color space, hex #ffc22b is composed of 100% red, 76.1% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 83.1% yellow and 0% black. It has a hue angle of 42.7 degrees, a saturation of 100% and a lightness of 58.4%. #ffc22b color hex could be obtained by blending #ffff56 with #ff8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 17
-
- C 0
- M 24
- Y 83
- K 0
● #ffc22b color description : Vivid orange.
#ffc22b Color Conversion
The hexadecimal color #ffc22b has RGB values of R:255, G:194, B:43 and CMYK values of C:0, M:0.24, Y:0.83, K:0. Its decimal value is 16761387.
Hex triplet | ffc22b | #ffc22b |
---|---|---|
RGB Decimal | 255, 194, 43 | rgb(255,194,43) |
RGB Percent | 100, 76.1, 16.9 | rgb(100%,76.1%,16.9%) |
CMYK | 0, 24, 83, 0 | |
HSL | 42.7°, 100, 58.4 | hsl(42.7,100%,58.4%) |
HSV (or HSB) | 42.7°, 83.1, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.85, 9.449, 76.53 |
---|---|
XYZ | 60.969, 60.021, 10.66 |
xyY | 0.463, 0.456, 60.021 |
CIE-LCH | 81.85, 77.111, 82.962 |
CIE-LUV | 81.85, 50.744, 80.354 |
Hunter-Lab | 77.473, 4.895, 46.074 |
Binary | 11111111, 11000010, 00101011 |
Color Schemes with #ffc22b
Alternatives to #ffc22b
Below, you can see some colors close to #ffc22b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc22b Preview
This text has a font color of #ffc22b.
<span style="color:#ffc22b;">Text here</span>
This paragraph has a background color of #ffc22b.
<p style="background-color:#ffc22b;">Content here</p>
This element has a border color of #ffc22b.
<div style="border:1px solid #ffc22b;">Content here</div>
.text {color:#ffc22b;}
.background {background-color:#ffc22b;}
.border {border:1px solid #ffc22b;}
Shades and Tints of #ffc22b
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040300 is the darkest color, while #fffaef is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#171100
#171100
rgb(23,17,0)
-
#2b1f00
#2b1f00
rgb(43,31,0)
-
#3f2d00
#3f2d00
rgb(63,45,0)
-
#523b00
#523b00
rgb(82,59,0)
-
#664900
#664900
rgb(102,73,0)
-
#795700
#795700
rgb(121,87,0)
-
#8d6400
#8d6400
rgb(141,100,0)
-
#a17200
#a17200
rgb(161,114,0)
-
#b48000
#b48000
rgb(180,128,0)
-
#c88e00
#c88e00
rgb(200,142,0)
-
#dc9c00
#dc9c00
rgb(220,156,0)
-
#efaa00
#efaa00
rgb(239,170,0)
-
#ffb704
#ffb704
rgb(255,183,4)
-
#ffbc17
#ffbc17
rgb(255,188,23)
-
#ffc22b
#ffc22b
rgb(255,194,43)
-
#ffc83f
#ffc83f
rgb(255,200,63)
-
#ffcd52
#ffcd52
rgb(255,205,82)
-
#ffd366
#ffd366
rgb(255,211,102)
-
#ffd979
#ffd979
rgb(255,217,121)
-
#ffde8d
#ffde8d
rgb(255,222,141)
-
#ffe4a1
#ffe4a1
rgb(255,228,161)
-
#ffeab4
#ffeab4
rgb(255,234,180)
-
#ffefc8
#ffefc8
rgb(255,239,200)
-
#fff5dc
#fff5dc
rgb(255,245,220)
-
#fffaef
#fffaef
rgb(255,250,239)
Tones of #ffc22b
A tone is produced by adding gray to any pure hue. In this case, #9d988d is the less saturated color, while #ffc22b is the most saturated one.
-
#9d988d
#9d988d
rgb(157,152,141)
-
#a59c85
#a59c85
rgb(165,156,133)
-
#ad9f7d
#ad9f7d
rgb(173,159,125)
-
#b6a374
#b6a374
rgb(182,163,116)
-
#bea66c
#bea66c
rgb(190,166,108)
-
#c6aa64
#c6aa64
rgb(198,170,100)
-
#cead5c
#cead5c
rgb(206,173,92)
-
#d6b154
#d6b154
rgb(214,177,84)
-
#deb44c
#deb44c
rgb(222,180,76)
-
#e7b843
#e7b843
rgb(231,184,67)
-
#efbb3b
#efbb3b
rgb(239,187,59)
-
#f7bf33
#f7bf33
rgb(247,191,51)
-
#ffc22b
#ffc22b
rgb(255,194,43)
Color Blindness Simulator
Below, you can see how #ffc22b is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.