#ffc630 Color Information
In a RGB color space, hex #ffc630 is composed of 100% red, 77.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 81.2% yellow and 0% black. It has a hue angle of 43.5 degrees, a saturation of 100% and a lightness of 59.4%. #ffc630 color hex could be obtained by blending #ffff60 with #ff8d00. Closest websafe color is: #ffcc33.
-
- R 100
- G 78
- B 19
-
- C 0
- M 22
- Y 81
- K 0
● #ffc630 color description : Vivid orange.
#ffc630 Color Conversion
The hexadecimal color #ffc630 has RGB values of R:255, G:198, B:48 and CMYK values of C:0, M:0.22, Y:0.81, K:0. Its decimal value is 16762416.
Hex triplet | ffc630 | #ffc630 |
---|---|---|
RGB Decimal | 255, 198, 48 | rgb(255,198,48) |
RGB Percent | 100, 77.6, 18.8 | rgb(100%,77.6%,18.8%) |
CMYK | 0, 22, 81, 0 | |
HSL | 43.5°, 100, 59.4 | hsl(43.5,100%,59.4%) |
HSV (or HSB) | 43.5°, 81.2, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.841, 7.518, 75.951 |
---|---|
XYZ | 61.969, 61.865, 11.473 |
xyY | 0.458, 0.457, 61.865 |
CIE-LCH | 82.841, 76.322, 84.347 |
CIE-LUV | 82.841, 47.536, 80.992 |
Hunter-Lab | 78.654, 2.989, 46.409 |
Binary | 11111111, 11000110, 00110000 |
Color Schemes with #ffc630
Alternatives to #ffc630
Below, you can see some colors close to #ffc630. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc630 Preview
This text has a font color of #ffc630.
<span style="color:#ffc630;">Text here</span>
This paragraph has a background color of #ffc630.
<p style="background-color:#ffc630;">Content here</p>
This element has a border color of #ffc630.
<div style="border:1px solid #ffc630;">Content here</div>
.text {color:#ffc630;}
.background {background-color:#ffc630;}
.border {border:1px solid #ffc630;}
Shades and Tints of #ffc630
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, #090600 is the darkest color, while #fffcf4 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1c1500
#1c1500
rgb(28,21,0)
-
#302300
#302300
rgb(48,35,0)
-
#443100
#443100
rgb(68,49,0)
-
#573f00
#573f00
rgb(87,63,0)
-
#6b4d00
#6b4d00
rgb(107,77,0)
-
#7e5c00
#7e5c00
rgb(126,92,0)
-
#926a00
#926a00
rgb(146,106,0)
-
#a67800
#a67800
rgb(166,120,0)
-
#b98600
#b98600
rgb(185,134,0)
-
#cd9400
#cd9400
rgb(205,148,0)
-
#e1a300
#e1a300
rgb(225,163,0)
-
#f4b100
#f4b100
rgb(244,177,0)
-
#ffbb09
#ffbb09
rgb(255,187,9)
-
#ffc11c
#ffc11c
rgb(255,193,28)
-
#ffc630
#ffc630
rgb(255,198,48)
-
#ffcb44
#ffcb44
rgb(255,203,68)
-
#ffd157
#ffd157
rgb(255,209,87)
-
#ffd66b
#ffd66b
rgb(255,214,107)
-
#ffdc7e
#ffdc7e
rgb(255,220,126)
-
#ffe192
#ffe192
rgb(255,225,146)
-
#ffe6a6
#ffe6a6
rgb(255,230,166)
-
#ffecb9
#ffecb9
rgb(255,236,185)
-
#fff1cd
#fff1cd
rgb(255,241,205)
-
#fff7e1
#fff7e1
rgb(255,247,225)
-
#fffcf4
#fffcf4
rgb(255,252,244)
Tones of #ffc630
A tone is produced by adding gray to any pure hue. In this case, #9f9b90 is the less saturated color, while #ffc630 is the most saturated one.
-
#9f9b90
#9f9b90
rgb(159,155,144)
-
#a79f88
#a79f88
rgb(167,159,136)
-
#afa280
#afa280
rgb(175,162,128)
-
#b7a678
#b7a678
rgb(183,166,120)
-
#bfa970
#bfa970
rgb(191,169,112)
-
#c7ad68
#c7ad68
rgb(199,173,104)
-
#cfb160
#cfb160
rgb(207,177,96)
-
#d7b458
#d7b458
rgb(215,180,88)
-
#dfb850
#dfb850
rgb(223,184,80)
-
#e7bb48
#e7bb48
rgb(231,187,72)
-
#efbf40
#efbf40
rgb(239,191,64)
-
#f7c238
#f7c238
rgb(247,194,56)
-
#ffc630
#ffc630
rgb(255,198,48)
Color Blindness Simulator
Below, you can see how #ffc630 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.