#ffb201 Color Information
In a RGB color space, hex #ffb201 is composed of 100% red, 69.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 99.6% yellow and 0% black. It has a hue angle of 41.8 degrees, a saturation of 100% and a lightness of 50.2%. #ffb201 color hex could be obtained by blending #ffff02 with #ff6500. Closest websafe color is: #ff9900.
-
- R 100
- G 70
- B 0
-
- C 0
- M 30
- Y 100
- K 0
● #ffb201 color description : Vivid orange.
#ffb201 Color Conversion
The hexadecimal color #ffb201 has RGB values of R:255, G:178, B:1 and CMYK values of C:0, M:0.3, Y:1, K:0. Its decimal value is 16757249.
| Hex triplet | ffb201 | #ffb201 |
|---|---|---|
| RGB Decimal | 255, 178, 1 | rgb(255,178,1) |
| RGB Percent | 100, 69.8, 0.4 | rgb(100%,69.8%,0.4%) |
| CMYK | 0, 30, 100, 0 | |
| HSL | 41.8°, 100, 50.2 | hsl(41.8,100%,50.2%) |
| HSV (or HSB) | 41.8°, 99.6, 100 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 77.938, 17.154, 80.83 |
|---|---|
| XYZ | 57.167, 53.107, 7.269 |
| xyY | 0.486, 0.452, 53.107 |
| CIE-LCH | 77.938, 82.63, 78.018 |
| CIE-LUV | 77.938, 64.161, 78.569 |
| Hunter-Lab | 72.874, 12.497, 45.098 |
| Binary | 11111111, 10110010, 00000001 |
Color Schemes with #ffb201
Alternatives to #ffb201
Below, you can see some colors close to #ffb201. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb201 Preview
This text has a font color of #ffb201.
<span style="color:#ffb201;">Text here</span>
This paragraph has a background color of #ffb201.
<p style="background-color:#ffb201;">Content here</p>
This element has a border color of #ffb201.
<div style="border:1px solid #ffb201;">Content here</div>
.text {color:#ffb201;}
.background {background-color:#ffb201;}
.border {border:1px solid #ffb201;}
Shades and Tints of #ffb201
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, #010100 is the darkest color, while #fff9ec is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#150e00
#150e00rgb(21,14,0) -
#281c00
#281c00rgb(40,28,0) -
#3c2a00
#3c2a00rgb(60,42,0) -
#4f3700
#4f3700rgb(79,55,0) -
#634500
#634500rgb(99,69,0) -
#775300
#775300rgb(119,83,0) -
#8a6000
#8a6000rgb(138,96,0) -
#9e6e00
#9e6e00rgb(158,110,0) -
#b27c00
#b27c00rgb(178,124,0) -
#c58900
#c58900rgb(197,137,0) -
#d99700
#d99700rgb(217,151,0) -
#eca500
#eca500rgb(236,165,0)
-
#ffb201
#ffb201rgb(255,178,1) -
#ffb815
#ffb815rgb(255,184,21) -
#ffbe28
#ffbe28rgb(255,190,40) -
#ffc43c
#ffc43crgb(255,196,60) -
#ffca4f
#ffca4frgb(255,202,79) -
#ffd063
#ffd063rgb(255,208,99) -
#ffd677
#ffd677rgb(255,214,119) -
#ffdc8a
#ffdc8argb(255,220,138) -
#ffe29e
#ffe29ergb(255,226,158) -
#ffe8b2
#ffe8b2rgb(255,232,178) -
#ffedc5
#ffedc5rgb(255,237,197) -
#fff3d9
#fff3d9rgb(255,243,217) -
#fff9ec
#fff9ecrgb(255,249,236)
Tones of #ffb201
A tone is produced by adding gray to any pure hue. In this case, #8a8476 is the less saturated color, while #ffb201 is the most saturated one.
-
#8a8476
#8a8476rgb(138,132,118) -
#94886c
#94886crgb(148,136,108) -
#9d8c63
#9d8c63rgb(157,140,99) -
#a78f59
#a78f59rgb(167,143,89) -
#b1934f
#b1934frgb(177,147,79) -
#bb9745
#bb9745rgb(187,151,69) -
#c49b3c
#c49b3crgb(196,155,60) -
#ce9f32
#ce9f32rgb(206,159,50) -
#d8a328
#d8a328rgb(216,163,40) -
#e2a61e
#e2a61ergb(226,166,30) -
#ebaa15
#ebaa15rgb(235,170,21) -
#f5ae0b
#f5ae0brgb(245,174,11) -
#ffb201
#ffb201rgb(255,178,1)
Color Blindness Simulator
Below, you can see how #ffb201 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.
