#ffc22a Color Information
In a RGB color space, hex #ffc22a is composed of 100% red, 76.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 83.5% yellow and 0% black. It has a hue angle of 42.8 degrees, a saturation of 100% and a lightness of 58.2%. #ffc22a color hex could be obtained by blending #ffff54 with #ff8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 16
-
- C 0
- M 24
- Y 84
- K 0
● #ffc22a color description : Vivid orange.
#ffc22a Color Conversion
The hexadecimal color #ffc22a has RGB values of R:255, G:194, B:42 and CMYK values of C:0, M:0.24, Y:0.84, K:0. Its decimal value is 16761386.
Hex triplet | ffc22a | #ffc22a |
---|---|---|
RGB Decimal | 255, 194, 42 | rgb(255,194,42) |
RGB Percent | 100, 76.1, 16.5 | rgb(100%,76.1%,16.5%) |
CMYK | 0, 24, 84, 0 | |
HSL | 42.8°, 100, 58.2 | hsl(42.8,100%,58.2%) |
HSV (or HSB) | 42.8°, 83.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.846, 9.423, 76.799 |
---|---|
XYZ | 60.951, 60.014, 10.564 |
xyY | 0.463, 0.456, 60.014 |
CIE-LCH | 81.846, 77.375, 83.005 |
CIE-LUV | 81.846, 50.772, 80.521 |
Hunter-Lab | 77.469, 4.87, 46.143 |
Binary | 11111111, 11000010, 00101010 |
Color Schemes with #ffc22a
Alternatives to #ffc22a
Below, you can see some colors close to #ffc22a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc22a Preview
This text has a font color of #ffc22a.
<span style="color:#ffc22a;">Text here</span>
This paragraph has a background color of #ffc22a.
<p style="background-color:#ffc22a;">Content here</p>
This element has a border color of #ffc22a.
<div style="border:1px solid #ffc22a;">Content here</div>
.text {color:#ffc22a;}
.background {background-color:#ffc22a;}
.border {border:1px solid #ffc22a;}
Shades and Tints of #ffc22a
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, #030200 is the darkest color, while #fffaee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#161000
#161000
rgb(22,16,0)
-
#2a1e00
#2a1e00
rgb(42,30,0)
-
#3e2c00
#3e2c00
rgb(62,44,0)
-
#513a00
#513a00
rgb(81,58,0)
-
#654800
#654800
rgb(101,72,0)
-
#785600
#785600
rgb(120,86,0)
-
#8c6400
#8c6400
rgb(140,100,0)
-
#a07200
#a07200
rgb(160,114,0)
-
#b38000
#b38000
rgb(179,128,0)
-
#c78e00
#c78e00
rgb(199,142,0)
-
#db9c00
#db9c00
rgb(219,156,0)
-
#eeaa00
#eeaa00
rgb(238,170,0)
-
#ffb703
#ffb703
rgb(255,183,3)
-
#ffbc16
#ffbc16
rgb(255,188,22)
-
#ffc22a
#ffc22a
rgb(255,194,42)
-
#ffc83e
#ffc83e
rgb(255,200,62)
-
#ffcd51
#ffcd51
rgb(255,205,81)
-
#ffd365
#ffd365
rgb(255,211,101)
-
#ffd878
#ffd878
rgb(255,216,120)
-
#ffde8c
#ffde8c
rgb(255,222,140)
-
#ffe4a0
#ffe4a0
rgb(255,228,160)
-
#ffe9b3
#ffe9b3
rgb(255,233,179)
-
#ffefc7
#ffefc7
rgb(255,239,199)
-
#fff5db
#fff5db
rgb(255,245,219)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffc22a
A tone is produced by adding gray to any pure hue. In this case, #9d988c is the less saturated color, while #ffc22a is the most saturated one.
-
#9d988c
#9d988c
rgb(157,152,140)
-
#a59c84
#a59c84
rgb(165,156,132)
-
#ad9f7c
#ad9f7c
rgb(173,159,124)
-
#b5a374
#b5a374
rgb(181,163,116)
-
#bda66c
#bda66c
rgb(189,166,108)
-
#c6aa63
#c6aa63
rgb(198,170,99)
-
#cead5b
#cead5b
rgb(206,173,91)
-
#d6b153
#d6b153
rgb(214,177,83)
-
#deb44b
#deb44b
rgb(222,180,75)
-
#e6b843
#e6b843
rgb(230,184,67)
-
#efbb3a
#efbb3a
rgb(239,187,58)
-
#f7bf32
#f7bf32
rgb(247,191,50)
-
#ffc22a
#ffc22a
rgb(255,194,42)
Color Blindness Simulator
Below, you can see how #ffc22a 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.