#ff6f30 Color Information
In a RGB color space, hex #ff6f30 is composed of 100% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 81.2% yellow and 0% black. It has a hue angle of 18.3 degrees, a saturation of 100% and a lightness of 59.4%. #ff6f30 color hex could be obtained by blending #ffde60 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 19
-
- C 0
- M 56
- Y 81
- K 0
● #ff6f30 color description : Vivid orange.
#ff6f30 Color Conversion
The hexadecimal color #ff6f30 has RGB values of R:255, G:111, B:48 and CMYK values of C:0, M:0.56, Y:0.81, K:0. Its decimal value is 16740144.
Hex triplet | ff6f30 | #ff6f30 |
---|---|---|
RGB Decimal | 255, 111, 48 | rgb(255,111,48) |
RGB Percent | 100, 43.5, 18.8 | rgb(100%,43.5%,18.8%) |
CMYK | 0, 56, 81, 0 | |
HSL | 18.3°, 100, 59.4 | hsl(18.3,100%,59.4%) |
HSV (or HSB) | 18.3°, 81.2, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.037, 51.686, 59.283 |
---|---|
XYZ | 47.46, 32.847, 6.637 |
xyY | 0.546, 0.378, 32.847 |
CIE-LCH | 64.037, 78.651, 48.916 |
CIE-LUV | 64.037, 117.473, 49.524 |
Hunter-Lab | 57.312, 47.517, 33.253 |
Binary | 11111111, 01101111, 00110000 |
Color Schemes with #ff6f30
Alternatives to #ff6f30
Below, you can see some colors close to #ff6f30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6f30 Preview
This text has a font color of #ff6f30.
<span style="color:#ff6f30;">Text here</span>
This paragraph has a background color of #ff6f30.
<p style="background-color:#ff6f30;">Content here</p>
This element has a border color of #ff6f30.
<div style="border:1px solid #ff6f30;">Content here</div>
.text {color:#ff6f30;}
.background {background-color:#ff6f30;}
.border {border:1px solid #ff6f30;}
Shades and Tints of #ff6f30
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, #090300 is the darkest color, while #fff7f4 is the lightest one.
-
#090300
#090300
rgb(9,3,0)
-
#1c0900
#1c0900
rgb(28,9,0)
-
#300f00
#300f00
rgb(48,15,0)
-
#441500
#441500
rgb(68,21,0)
-
#571b00
#571b00
rgb(87,27,0)
-
#6b2100
#6b2100
rgb(107,33,0)
-
#7e2600
#7e2600
rgb(126,38,0)
-
#922c00
#922c00
rgb(146,44,0)
-
#a63200
#a63200
rgb(166,50,0)
-
#b93800
#b93800
rgb(185,56,0)
-
#cd3e00
#cd3e00
rgb(205,62,0)
-
#e14400
#e14400
rgb(225,68,0)
-
#f44a00
#f44a00
rgb(244,74,0)
-
#ff5409
#ff5409
rgb(255,84,9)
-
#ff611c
#ff611c
rgb(255,97,28)
-
#ff6f30
#ff6f30
rgb(255,111,48)
-
#ff7d44
#ff7d44
rgb(255,125,68)
-
#ff8a57
#ff8a57
rgb(255,138,87)
-
#ff986b
#ff986b
rgb(255,152,107)
-
#ffa67e
#ffa67e
rgb(255,166,126)
-
#ffb392
#ffb392
rgb(255,179,146)
-
#ffc1a6
#ffc1a6
rgb(255,193,166)
-
#ffcfb9
#ffcfb9
rgb(255,207,185)
-
#ffdccd
#ffdccd
rgb(255,220,205)
-
#ffeae1
#ffeae1
rgb(255,234,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #ff6f30
A tone is produced by adding gray to any pure hue. In this case, #9f9490 is the less saturated color, while #ff6f30 is the most saturated one.
-
#9f9490
#9f9490
rgb(159,148,144)
-
#a79188
#a79188
rgb(167,145,136)
-
#af8e80
#af8e80
rgb(175,142,128)
-
#b78b78
#b78b78
rgb(183,139,120)
-
#bf8870
#bf8870
rgb(191,136,112)
-
#c78568
#c78568
rgb(199,133,104)
-
#cf8260
#cf8260
rgb(207,130,96)
-
#d77f58
#d77f58
rgb(215,127,88)
-
#df7b50
#df7b50
rgb(223,123,80)
-
#e77848
#e77848
rgb(231,120,72)
-
#ef7540
#ef7540
rgb(239,117,64)
-
#f77238
#f77238
rgb(247,114,56)
-
#ff6f30
#ff6f30
rgb(255,111,48)
Color Blindness Simulator
Below, you can see how #ff6f30 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.