#ff4022 Color Information
In a RGB color space, hex #ff4022 is composed of 100% red, 25.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 86.7% yellow and 0% black. It has a hue angle of 8.1 degrees, a saturation of 100% and a lightness of 56.7%. #ff4022 color hex could be obtained by blending #ff8044 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 25
- B 13
-
- C 0
- M 75
- Y 87
- K 0
● #ff4022 color description : Vivid red.
#ff4022 Color Conversion
The hexadecimal color #ff4022 has RGB values of R:255, G:64, B:34 and CMYK values of C:0, M:0.75, Y:0.87, K:0. Its decimal value is 16728098.
Hex triplet | ff4022 | #ff4022 |
---|---|---|
RGB Decimal | 255, 64, 34 | rgb(255,64,34) |
RGB Percent | 100, 25.1, 13.3 | rgb(100%,25.1%,13.3%) |
CMYK | 0, 75, 87, 0 | |
HSL | 8.1°, 100, 56.7 | hsl(8.1,100%,56.7%) |
HSV (or HSB) | 8.1°, 86.7, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 57.122, 69.738, 59.23 |
---|---|
XYZ | 43.364, 25.048, 4.065 |
xyY | 0.598, 0.346, 25.048 |
CIE-LCH | 57.122, 91.496, 40.342 |
CIE-LUV | 57.122, 151.753, 40.374 |
Hunter-Lab | 50.048, 67.08, 30.218 |
Binary | 11111111, 01000000, 00100010 |
Color Schemes with #ff4022
Alternatives to #ff4022
Below, you can see some colors close to #ff4022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4022 Preview
This text has a font color of #ff4022.
<span style="color:#ff4022;">Text here</span>
This paragraph has a background color of #ff4022.
<p style="background-color:#ff4022;">Content here</p>
This element has a border color of #ff4022.
<div style="border:1px solid #ff4022;">Content here</div>
.text {color:#ff4022;}
.background {background-color:#ff4022;}
.border {border:1px solid #ff4022;}
Shades and Tints of #ff4022
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, #0e0200 is the darkest color, while #fffafa is the lightest one.
-
#0e0200
#0e0200
rgb(14,2,0)
-
#220500
#220500
rgb(34,5,0)
-
#360700
#360700
rgb(54,7,0)
-
#490a00
#490a00
rgb(73,10,0)
-
#5d0d00
#5d0d00
rgb(93,13,0)
-
#700f00
#700f00
rgb(112,15,0)
-
#841200
#841200
rgb(132,18,0)
-
#981500
#981500
rgb(152,21,0)
-
#ab1700
#ab1700
rgb(171,23,0)
-
#bf1a00
#bf1a00
rgb(191,26,0)
-
#d31d00
#d31d00
rgb(211,29,0)
-
#e61f00
#e61f00
rgb(230,31,0)
-
#fa2200
#fa2200
rgb(250,34,0)
-
#ff2f0e
#ff2f0e
rgb(255,47,14)
-
#ff4022
#ff4022
rgb(255,64,34)
-
#ff5136
#ff5136
rgb(255,81,54)
-
#ff6249
#ff6249
rgb(255,98,73)
-
#ff735d
#ff735d
rgb(255,115,93)
-
#ff8470
#ff8470
rgb(255,132,112)
-
#ff9584
#ff9584
rgb(255,149,132)
-
#ffa698
#ffa698
rgb(255,166,152)
-
#ffb7ab
#ffb7ab
rgb(255,183,171)
-
#ffc8bf
#ffc8bf
rgb(255,200,191)
-
#ffd9d3
#ffd9d3
rgb(255,217,211)
-
#ffeae6
#ffeae6
rgb(255,234,230)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #ff4022
A tone is produced by adding gray to any pure hue. In this case, #998a88 is the less saturated color, while #ff4022 is the most saturated one.
-
#998a88
#998a88
rgb(153,138,136)
-
#a28480
#a28480
rgb(162,132,128)
-
#aa7e77
#aa7e77
rgb(170,126,119)
-
#b3786f
#b3786f
rgb(179,120,111)
-
#bb7266
#bb7266
rgb(187,114,102)
-
#c46b5e
#c46b5e
rgb(196,107,94)
-
#cc6555
#cc6555
rgb(204,101,85)
-
#d55f4d
#d55f4d
rgb(213,95,77)
-
#dd5944
#dd5944
rgb(221,89,68)
-
#e6533c
#e6533c
rgb(230,83,60)
-
#ee4c33
#ee4c33
rgb(238,76,51)
-
#f7462b
#f7462b
rgb(247,70,43)
-
#ff4022
#ff4022
rgb(255,64,34)
Color Blindness Simulator
Below, you can see how #ff4022 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.