#f45a1b Color Information
In a RGB color space, hex #f45a1b is composed of 95.7% red, 35.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 88.9% yellow and 4.3% black. It has a hue angle of 17.4 degrees, a saturation of 90.8% and a lightness of 53.1%. #f45a1b color hex could be obtained by blending #ffb436 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 11
-
- C 0
- M 63
- Y 89
- K 4
● #f45a1b color description : Vivid orange.
#f45a1b Color Conversion
The hexadecimal color #f45a1b has RGB values of R:244, G:90, B:27 and CMYK values of C:0, M:0.63, Y:0.89, K:0.04. Its decimal value is 16013851.
Hex triplet | f45a1b | #f45a1b |
---|---|---|
RGB Decimal | 244, 90, 27 | rgb(244,90,27) |
RGB Percent | 95.7, 35.3, 10.6 | rgb(95.7%,35.3%,10.6%) |
CMYK | 0, 63, 89, 4 | |
HSL | 17.4°, 90.8, 53.1 | hsl(17.4,90.8%,53.1%) |
HSV (or HSB) | 17.4°, 88.9, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.63, 56.616, 62.134 |
---|---|
XYZ | 41.164, 26.629, 4.009 |
xyY | 0.573, 0.371, 26.629 |
CIE-LCH | 58.63, 84.06, 47.661 |
CIE-LUV | 58.63, 126.475, 46.61 |
Hunter-Lab | 51.603, 52.084, 31.516 |
Binary | 11110100, 01011010, 00011011 |
Color Schemes with #f45a1b
Alternatives to #f45a1b
Below, you can see some colors close to #f45a1b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45a1b Preview
This text has a font color of #f45a1b.
<span style="color:#f45a1b;">Text here</span>
This paragraph has a background color of #f45a1b.
<p style="background-color:#f45a1b;">Content here</p>
This element has a border color of #f45a1b.
<div style="border:1px solid #f45a1b;">Content here</div>
.text {color:#f45a1b;}
.background {background-color:#f45a1b;}
.border {border:1px solid #f45a1b;}
Shades and Tints of #f45a1b
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, #0f0501 is the darkest color, while #fffdfc is the lightest one.
-
#0f0501
#0f0501
rgb(15,5,1)
-
#220b02
#220b02
rgb(34,11,2)
-
#351103
#351103
rgb(53,17,3)
-
#471703
#471703
rgb(71,23,3)
-
#5a1d04
#5a1d04
rgb(90,29,4)
-
#6d2305
#6d2305
rgb(109,35,5)
-
#802906
#802906
rgb(128,41,6)
-
#922f07
#922f07
rgb(146,47,7)
-
#a53608
#a53608
rgb(165,54,8)
-
#b83c09
#b83c09
rgb(184,60,9)
-
#ca420a
#ca420a
rgb(202,66,10)
-
#dd480b
#dd480b
rgb(221,72,11)
-
#f04e0c
#f04e0c
rgb(240,78,12)
-
#f45a1b
#f45a1b
rgb(244,90,27)
-
#f5682e
#f5682e
rgb(245,104,46)
-
#f67540
#f67540
rgb(246,117,64)
-
#f78353
#f78353
rgb(247,131,83)
-
#f89066
#f89066
rgb(248,144,102)
-
#f99e79
#f99e79
rgb(249,158,121)
-
#f9ab8b
#f9ab8b
rgb(249,171,139)
-
#fab99e
#fab99e
rgb(250,185,158)
-
#fbc6b1
#fbc6b1
rgb(251,198,177)
-
#fcd4c3
#fcd4c3
rgb(252,212,195)
-
#fde1d6
#fde1d6
rgb(253,225,214)
-
#feefe9
#feefe9
rgb(254,239,233)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f45a1b
A tone is produced by adding gray to any pure hue. In this case, #8f8480 is the less saturated color, while #fd5612 is the most saturated one.
-
#8f8480
#8f8480
rgb(143,132,128)
-
#988177
#988177
rgb(152,129,119)
-
#a17d6e
#a17d6e
rgb(161,125,110)
-
#aa7965
#aa7965
rgb(170,121,101)
-
#b4755b
#b4755b
rgb(180,117,91)
-
#bd7152
#bd7152
rgb(189,113,82)
-
#c66d49
#c66d49
rgb(198,109,73)
-
#cf6940
#cf6940
rgb(207,105,64)
-
#d86637
#d86637
rgb(216,102,55)
-
#e2622d
#e2622d
rgb(226,98,45)
-
#eb5e24
#eb5e24
rgb(235,94,36)
-
#f45a1b
#f45a1b
rgb(244,90,27)
-
#fd5612
#fd5612
rgb(253,86,18)
Color Blindness Simulator
Below, you can see how #f45a1b 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.