#ff821a Color Information
In a RGB color space, hex #ff821a is composed of 100% red, 51% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 89.8% yellow and 0% black. It has a hue angle of 27.2 degrees, a saturation of 100% and a lightness of 55.1%. #ff821a color hex could be obtained by blending #ffff34 with #ff0500. Closest websafe color is: #ff9933.
-
- R 100
- G 51
- B 10
-
- C 0
- M 49
- Y 90
- K 0
● #ff821a color description : Vivid orange.
#ff821a Color Conversion
The hexadecimal color #ff821a has RGB values of R:255, G:130, B:26 and CMYK values of C:0, M:0.49, Y:0.9, K:0. Its decimal value is 16744986.
Hex triplet | ff821a | #ff821a |
---|---|---|
RGB Decimal | 255, 130, 26 | rgb(255,130,26) |
RGB Percent | 100, 51, 10.2 | rgb(100%,51%,10.2%) |
CMYK | 0, 49, 90, 0 | |
HSL | 27.2°, 100, 55.1 | hsl(27.2,100%,55.1%) |
HSV (or HSB) | 27.2°, 89.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 67.505, 42.101, 69.704 |
---|---|
XYZ | 49.411, 37.304, 5.576 |
xyY | 0.535, 0.404, 37.304 |
CIE-LCH | 67.505, 81.432, 58.868 |
CIE-LUV | 67.505, 103.582, 59.887 |
Hunter-Lab | 61.077, 37.519, 37.342 |
Binary | 11111111, 10000010, 00011010 |
Color Schemes with #ff821a
Alternatives to #ff821a
Below, you can see some colors close to #ff821a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff821a Preview
This text has a font color of #ff821a.
<span style="color:#ff821a;">Text here</span>
This paragraph has a background color of #ff821a.
<p style="background-color:#ff821a;">Content here</p>
This element has a border color of #ff821a.
<div style="border:1px solid #ff821a;">Content here</div>
.text {color:#ff821a;}
.background {background-color:#ff821a;}
.border {border:1px solid #ff821a;}
Shades and Tints of #ff821a
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, #060300 is the darkest color, while #fff8f2 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#1a0c00
#1a0c00
rgb(26,12,0)
-
#2e1500
#2e1500
rgb(46,21,0)
-
#411e00
#411e00
rgb(65,30,0)
-
#552700
#552700
rgb(85,39,0)
-
#682f00
#682f00
rgb(104,47,0)
-
#7c3800
#7c3800
rgb(124,56,0)
-
#904100
#904100
rgb(144,65,0)
-
#a34a00
#a34a00
rgb(163,74,0)
-
#b75300
#b75300
rgb(183,83,0)
-
#cb5c00
#cb5c00
rgb(203,92,0)
-
#de6500
#de6500
rgb(222,101,0)
-
#f26e00
#f26e00
rgb(242,110,0)
-
#ff7706
#ff7706
rgb(255,119,6)
-
#ff821a
#ff821a
rgb(255,130,26)
-
#ff8d2e
#ff8d2e
rgb(255,141,46)
-
#ff9741
#ff9741
rgb(255,151,65)
-
#ffa255
#ffa255
rgb(255,162,85)
-
#ffad68
#ffad68
rgb(255,173,104)
-
#ffb87c
#ffb87c
rgb(255,184,124)
-
#ffc290
#ffc290
rgb(255,194,144)
-
#ffcda3
#ffcda3
rgb(255,205,163)
-
#ffd8b7
#ffd8b7
rgb(255,216,183)
-
#ffe2cb
#ffe2cb
rgb(255,226,203)
-
#ffedde
#ffedde
rgb(255,237,222)
-
#fff8f2
#fff8f2
rgb(255,248,242)
Tones of #ff821a
A tone is produced by adding gray to any pure hue. In this case, #958c84 is the less saturated color, while #ff821a is the most saturated one.
-
#958c84
#958c84
rgb(149,140,132)
-
#9e8b7b
#9e8b7b
rgb(158,139,123)
-
#a78a72
#a78a72
rgb(167,138,114)
-
#b08969
#b08969
rgb(176,137,105)
-
#b98860
#b98860
rgb(185,136,96)
-
#c18858
#c18858
rgb(193,136,88)
-
#ca874f
#ca874f
rgb(202,135,79)
-
#d38646
#d38646
rgb(211,134,70)
-
#dc853d
#dc853d
rgb(220,133,61)
-
#e58434
#e58434
rgb(229,132,52)
-
#ed842c
#ed842c
rgb(237,132,44)
-
#f68323
#f68323
rgb(246,131,35)
-
#ff821a
#ff821a
rgb(255,130,26)
Color Blindness Simulator
Below, you can see how #ff821a 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.