#ff630a Color Information
In a RGB color space, hex #ff630a is composed of 100% red, 38.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.2% magenta, 96.1% yellow and 0% black. It has a hue angle of 21.8 degrees, a saturation of 100% and a lightness of 52%. #ff630a color hex could be obtained by blending #ffc614 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 39
- B 4
-
- C 0
- M 61
- Y 96
- K 0
● #ff630a color description : Vivid orange.
#ff630a Color Conversion
The hexadecimal color #ff630a has RGB values of R:255, G:99, B:10 and CMYK values of C:0, M:0.61, Y:0.96, K:0. Its decimal value is 16737034.
Hex triplet | ff630a | #ff630a |
---|---|---|
RGB Decimal | 255, 99, 10 | rgb(255,99,10) |
RGB Percent | 100, 38.8, 3.9 | rgb(100%,38.8%,3.9%) |
CMYK | 0, 61, 96, 0 | |
HSL | 21.8°, 100, 52 | hsl(21.8,100%,52%) |
HSV (or HSB) | 21.8°, 96.1, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.836, 56.378, 69.367 |
---|---|
XYZ | 45.759, 30.211, 3.709 |
xyY | 0.574, 0.379, 30.211 |
CIE-LCH | 61.836, 89.388, 50.898 |
CIE-LUV | 61.836, 129.438, 52.047 |
Hunter-Lab | 54.964, 52.417, 34.474 |
Binary | 11111111, 01100011, 00001010 |
Color Schemes with #ff630a
Alternatives to #ff630a
Below, you can see some colors close to #ff630a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff630a Preview
This text has a font color of #ff630a.
<span style="color:#ff630a;">Text here</span>
This paragraph has a background color of #ff630a.
<p style="background-color:#ff630a;">Content here</p>
This element has a border color of #ff630a.
<div style="border:1px solid #ff630a;">Content here</div>
.text {color:#ff630a;}
.background {background-color:#ff630a;}
.border {border:1px solid #ff630a;}
Shades and Tints of #ff630a
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, #0a0400 is the darkest color, while #fff9f5 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1e0b00
#1e0b00
rgb(30,11,0)
-
#311200
#311200
rgb(49,18,0)
-
#451900
#451900
rgb(69,25,0)
-
#582000
#582000
rgb(88,32,0)
-
#6c2700
#6c2700
rgb(108,39,0)
-
#802e00
#802e00
rgb(128,46,0)
-
#933600
#933600
rgb(147,54,0)
-
#a73d00
#a73d00
rgb(167,61,0)
-
#bb4400
#bb4400
rgb(187,68,0)
-
#ce4b00
#ce4b00
rgb(206,75,0)
-
#e25200
#e25200
rgb(226,82,0)
-
#f55900
#f55900
rgb(245,89,0)
-
#ff630a
#ff630a
rgb(255,99,10)
-
#ff6f1e
#ff6f1e
rgb(255,111,30)
-
#ff7c31
#ff7c31
rgb(255,124,49)
-
#ff8845
#ff8845
rgb(255,136,69)
-
#ff9558
#ff9558
rgb(255,149,88)
-
#ffa16c
#ffa16c
rgb(255,161,108)
-
#ffae80
#ffae80
rgb(255,174,128)
-
#ffba93
#ffba93
rgb(255,186,147)
-
#ffc7a7
#ffc7a7
rgb(255,199,167)
-
#ffd3bb
#ffd3bb
rgb(255,211,187)
-
#ffe0ce
#ffe0ce
rgb(255,224,206)
-
#ffece2
#ffece2
rgb(255,236,226)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #ff630a
A tone is produced by adding gray to any pure hue. In this case, #8e827b is the less saturated color, while #ff630a is the most saturated one.
-
#8e827b
#8e827b
rgb(142,130,123)
-
#977f72
#977f72
rgb(151,127,114)
-
#a17d68
#a17d68
rgb(161,125,104)
-
#aa7a5f
#aa7a5f
rgb(170,122,95)
-
#b47855
#b47855
rgb(180,120,85)
-
#bd754c
#bd754c
rgb(189,117,76)
-
#c67243
#c67243
rgb(198,114,67)
-
#d07039
#d07039
rgb(208,112,57)
-
#d96d30
#d96d30
rgb(217,109,48)
-
#e36b26
#e36b26
rgb(227,107,38)
-
#ec681d
#ec681d
rgb(236,104,29)
-
#f66613
#f66613
rgb(246,102,19)
-
#ff630a
#ff630a
rgb(255,99,10)
Color Blindness Simulator
Below, you can see how #ff630a 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.