#ff6630 Color Information
In a RGB color space, hex #ff6630 is composed of 100% red, 40% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 81.2% yellow and 0% black. It has a hue angle of 15.7 degrees, a saturation of 100% and a lightness of 59.4%. #ff6630 color hex could be obtained by blending #ffcc60 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 40
- B 19
-
- C 0
- M 60
- Y 81
- K 0
● #ff6630 color description : Vivid orange.
#ff6630 Color Conversion
The hexadecimal color #ff6630 has RGB values of R:255, G:102, B:48 and CMYK values of C:0, M:0.6, Y:0.81, K:0. Its decimal value is 16737840.
Hex triplet | ff6630 | #ff6630 |
---|---|---|
RGB Decimal | 255, 102, 48 | rgb(255,102,48) |
RGB Percent | 100, 40, 18.8 | rgb(100%,40%,18.8%) |
CMYK | 0, 60, 81, 0 | |
HSL | 15.7°, 100, 59.4 | hsl(15.7,100%,59.4%) |
HSV (or HSB) | 15.7°, 81.2, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.492, 55.73, 57.868 |
---|---|
XYZ | 46.527, 30.981, 6.326 |
xyY | 0.555, 0.37, 30.981 |
CIE-LCH | 62.492, 80.341, 46.078 |
CIE-LUV | 62.492, 124.425, 46.743 |
Hunter-Lab | 55.661, 51.802, 32.224 |
Binary | 11111111, 01100110, 00110000 |
Color Schemes with #ff6630
Alternatives to #ff6630
Below, you can see some colors close to #ff6630. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6630 Preview
This text has a font color of #ff6630.
<span style="color:#ff6630;">Text here</span>
This paragraph has a background color of #ff6630.
<p style="background-color:#ff6630;">Content here</p>
This element has a border color of #ff6630.
<div style="border:1px solid #ff6630;">Content here</div>
.text {color:#ff6630;}
.background {background-color:#ff6630;}
.border {border:1px solid #ff6630;}
Shades and Tints of #ff6630
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, #090200 is the darkest color, while #fff7f4 is the lightest one.
-
#090200
#090200
rgb(9,2,0)
-
#1c0700
#1c0700
rgb(28,7,0)
-
#300d00
#300d00
rgb(48,13,0)
-
#441200
#441200
rgb(68,18,0)
-
#571700
#571700
rgb(87,23,0)
-
#6b1c00
#6b1c00
rgb(107,28,0)
-
#7e2100
#7e2100
rgb(126,33,0)
-
#922600
#922600
rgb(146,38,0)
-
#a62b00
#a62b00
rgb(166,43,0)
-
#b93000
#b93000
rgb(185,48,0)
-
#cd3500
#cd3500
rgb(205,53,0)
-
#e13b00
#e13b00
rgb(225,59,0)
-
#f44000
#f44000
rgb(244,64,0)
-
#ff4909
#ff4909
rgb(255,73,9)
-
#ff581c
#ff581c
rgb(255,88,28)
-
#ff6630
#ff6630
rgb(255,102,48)
-
#ff7444
#ff7444
rgb(255,116,68)
-
#ff8357
#ff8357
rgb(255,131,87)
-
#ff916b
#ff916b
rgb(255,145,107)
-
#ffa07e
#ffa07e
rgb(255,160,126)
-
#ffae92
#ffae92
rgb(255,174,146)
-
#ffbda6
#ffbda6
rgb(255,189,166)
-
#ffcbb9
#ffcbb9
rgb(255,203,185)
-
#ffdacd
#ffdacd
rgb(255,218,205)
-
#ffe8e1
#ffe8e1
rgb(255,232,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #ff6630
A tone is produced by adding gray to any pure hue. In this case, #9f9490 is the less saturated color, while #ff6630 is the most saturated one.
-
#9f9490
#9f9490
rgb(159,148,144)
-
#a79088
#a79088
rgb(167,144,136)
-
#af8c80
#af8c80
rgb(175,140,128)
-
#b78878
#b78878
rgb(183,136,120)
-
#bf8470
#bf8470
rgb(191,132,112)
-
#c78168
#c78168
rgb(199,129,104)
-
#cf7d60
#cf7d60
rgb(207,125,96)
-
#d77958
#d77958
rgb(215,121,88)
-
#df7550
#df7550
rgb(223,117,80)
-
#e77148
#e77148
rgb(231,113,72)
-
#ef6e40
#ef6e40
rgb(239,110,64)
-
#f76a38
#f76a38
rgb(247,106,56)
-
#ff6630
#ff6630
rgb(255,102,48)
Color Blindness Simulator
Below, you can see how #ff6630 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.