#ff9c02 Color Information
In a RGB color space, hex #ff9c02 is composed of 100% red, 61.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 99.2% yellow and 0% black. It has a hue angle of 36.5 degrees, a saturation of 100% and a lightness of 50.4%. #ff9c02 color hex could be obtained by blending #ffff04 with #ff3900. Closest websafe color is: #ff9900.
-
- R 100
- G 61
- B 1
-
- C 0
- M 39
- Y 99
- K 0
● #ff9c02 color description : Vivid orange.
#ff9c02 Color Conversion
The hexadecimal color #ff9c02 has RGB values of R:255, G:156, B:2 and CMYK values of C:0, M:0.39, Y:0.99, K:0. Its decimal value is 16751618.
Hex triplet | ff9c02 | #ff9c02 |
---|---|---|
RGB Decimal | 255, 156, 2 | rgb(255,156,2) |
RGB Percent | 100, 61.2, 0.8 | rgb(100%,61.2%,0.8%) |
CMYK | 0, 39, 99, 0 | |
HSL | 36.5°, 100, 50.4 | hsl(36.5,100%,50.4%) |
HSV (or HSB) | 36.5°, 99.2, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 72.922, 28.625, 77.403 |
---|---|
XYZ | 53.141, 45.046, 5.954 |
xyY | 0.51, 0.433, 45.046 |
CIE-LCH | 72.922, 82.526, 69.705 |
CIE-LUV | 72.922, 82.321, 70.729 |
Hunter-Lab | 67.116, 23.88, 41.722 |
Binary | 11111111, 10011100, 00000010 |
Color Schemes with #ff9c02
Alternatives to #ff9c02
Below, you can see some colors close to #ff9c02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9c02 Preview
This text has a font color of #ff9c02.
<span style="color:#ff9c02;">Text here</span>
This paragraph has a background color of #ff9c02.
<p style="background-color:#ff9c02;">Content here</p>
This element has a border color of #ff9c02.
<div style="border:1px solid #ff9c02;">Content here</div>
.text {color:#ff9c02;}
.background {background-color:#ff9c02;}
.border {border:1px solid #ff9c02;}
Shades and Tints of #ff9c02
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, #020100 is the darkest color, while #fff8ed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160d00
#160d00
rgb(22,13,0)
-
#291900
#291900
rgb(41,25,0)
-
#3d2500
#3d2500
rgb(61,37,0)
-
#503100
#503100
rgb(80,49,0)
-
#643d00
#643d00
rgb(100,61,0)
-
#784900
#784900
rgb(120,73,0)
-
#8b5500
#8b5500
rgb(139,85,0)
-
#9f6100
#9f6100
rgb(159,97,0)
-
#b36d00
#b36d00
rgb(179,109,0)
-
#c67900
#c67900
rgb(198,121,0)
-
#da8500
#da8500
rgb(218,133,0)
-
#ed9000
#ed9000
rgb(237,144,0)
-
#ff9c02
#ff9c02
rgb(255,156,2)
-
#ffa416
#ffa416
rgb(255,164,22)
-
#ffab29
#ffab29
rgb(255,171,41)
-
#ffb33d
#ffb33d
rgb(255,179,61)
-
#ffbb50
#ffbb50
rgb(255,187,80)
-
#ffc264
#ffc264
rgb(255,194,100)
-
#ffca78
#ffca78
rgb(255,202,120)
-
#ffd28b
#ffd28b
rgb(255,210,139)
-
#ffd99f
#ffd99f
rgb(255,217,159)
-
#ffe1b3
#ffe1b3
rgb(255,225,179)
-
#ffe9c6
#ffe9c6
rgb(255,233,198)
-
#fff0da
#fff0da
rgb(255,240,218)
-
#fff8ed
#fff8ed
rgb(255,248,237)
Tones of #ff9c02
A tone is produced by adding gray to any pure hue. In this case, #8a8377 is the less saturated color, while #ff9c02 is the most saturated one.
-
#8a8377
#8a8377
rgb(138,131,119)
-
#94856d
#94856d
rgb(148,133,109)
-
#9e8763
#9e8763
rgb(158,135,99)
-
#a7895a
#a7895a
rgb(167,137,90)
-
#b18b50
#b18b50
rgb(177,139,80)
-
#bb8d46
#bb8d46
rgb(187,141,70)
-
#c58f3c
#c58f3c
rgb(197,143,60)
-
#ce9133
#ce9133
rgb(206,145,51)
-
#d89429
#d89429
rgb(216,148,41)
-
#e2961f
#e2961f
rgb(226,150,31)
-
#ec9815
#ec9815
rgb(236,152,21)
-
#f59a0c
#f59a0c
rgb(245,154,12)
-
#ff9c02
#ff9c02
rgb(255,156,2)
Color Blindness Simulator
Below, you can see how #ff9c02 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.