#ff221a Color Information
In a RGB color space, hex #ff221a is composed of 100% red, 13.3% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 89.8% yellow and 0% black. It has a hue angle of 2.1 degrees, a saturation of 100% and a lightness of 55.1%. #ff221a color hex could be obtained by blending #ff4434 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 13
- B 10
-
- C 0
- M 87
- Y 90
- K 0
● #ff221a color description : Vivid red.
#ff221a Color Conversion
The hexadecimal color #ff221a has RGB values of R:255, G:34, B:26 and CMYK values of C:0, M:0.87, Y:0.9, K:0. Its decimal value is 16720410.
Hex triplet | ff221a | #ff221a |
---|---|---|
RGB Decimal | 255, 34, 26 | rgb(255,34,26) |
RGB Percent | 100, 13.3, 10.2 | rgb(100%,13.3%,10.2%) |
CMYK | 0, 87, 90, 0 | |
HSL | 2.1°, 100, 55.1 | hsl(2.1,100%,55.1%) |
HSV (or HSB) | 2.1°, 89.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.537, 76.802, 60.508 |
---|---|
XYZ | 42.001, 22.484, 3.106 |
xyY | 0.621, 0.333, 22.484 |
CIE-LCH | 54.537, 97.774, 38.233 |
CIE-LUV | 54.537, 166.264, 37.168 |
Hunter-Lab | 47.417, 75.129, 29.309 |
Binary | 11111111, 00100010, 00011010 |
Color Schemes with #ff221a
Alternatives to #ff221a
Below, you can see some colors close to #ff221a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff221a Preview
This text has a font color of #ff221a.
<span style="color:#ff221a;">Text here</span>
This paragraph has a background color of #ff221a.
<p style="background-color:#ff221a;">Content here</p>
This element has a border color of #ff221a.
<div style="border:1px solid #ff221a;">Content here</div>
.text {color:#ff221a;}
.background {background-color:#ff221a;}
.border {border:1px solid #ff221a;}
Shades and Tints of #ff221a
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, #060000 is the darkest color, while #fff2f2 is the lightest one.
-
#060000
#060000
rgb(6,0,0)
-
#1a0100
#1a0100
rgb(26,1,0)
-
#2e0200
#2e0200
rgb(46,2,0)
-
#410200
#410200
rgb(65,2,0)
-
#550300
#550300
rgb(85,3,0)
-
#680400
#680400
rgb(104,4,0)
-
#7c0400
#7c0400
rgb(124,4,0)
-
#900500
#900500
rgb(144,5,0)
-
#a30600
#a30600
rgb(163,6,0)
-
#b70600
#b70600
rgb(183,6,0)
-
#cb0700
#cb0700
rgb(203,7,0)
-
#de0800
#de0800
rgb(222,8,0)
-
#f20800
#f20800
rgb(242,8,0)
-
#ff0f06
#ff0f06
rgb(255,15,6)
-
#ff221a
#ff221a
rgb(255,34,26)
-
#ff352e
#ff352e
rgb(255,53,46)
-
#ff4841
#ff4841
rgb(255,72,65)
-
#ff5b55
#ff5b55
rgb(255,91,85)
-
#ff6e68
#ff6e68
rgb(255,110,104)
-
#ff817c
#ff817c
rgb(255,129,124)
-
#ff9490
#ff9490
rgb(255,148,144)
-
#ffa7a3
#ffa7a3
rgb(255,167,163)
-
#ffb9b7
#ffb9b7
rgb(255,185,183)
-
#ffcccb
#ffcccb
rgb(255,204,203)
-
#ffdfde
#ffdfde
rgb(255,223,222)
-
#fff2f2
#fff2f2
rgb(255,242,242)
Tones of #ff221a
A tone is produced by adding gray to any pure hue. In this case, #958484 is the less saturated color, while #ff221a is the most saturated one.
-
#958484
#958484
rgb(149,132,132)
-
#9e7c7b
#9e7c7b
rgb(158,124,123)
-
#a77472
#a77472
rgb(167,116,114)
-
#b06c69
#b06c69
rgb(176,108,105)
-
#b96460
#b96460
rgb(185,100,96)
-
#c15b58
#c15b58
rgb(193,91,88)
-
#ca534f
#ca534f
rgb(202,83,79)
-
#d34b46
#d34b46
rgb(211,75,70)
-
#dc433d
#dc433d
rgb(220,67,61)
-
#e53b34
#e53b34
rgb(229,59,52)
-
#ed322c
#ed322c
rgb(237,50,44)
-
#f62a23
#f62a23
rgb(246,42,35)
-
#ff221a
#ff221a
rgb(255,34,26)
Color Blindness Simulator
Below, you can see how #ff221a 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.