#f69306 Color Information
In a RGB color space, hex #f69306 is composed of 96.5% red, 57.6% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 97.6% yellow and 3.5% black. It has a hue angle of 35.3 degrees, a saturation of 95.2% and a lightness of 49.4%. #f69306 color hex could be obtained by blending #ffff0c with #ed2700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 2
-
- C 0
- M 40
- Y 98
- K 4
● #f69306 color description : Vivid orange.
#f69306 Color Conversion
The hexadecimal color #f69306 has RGB values of R:246, G:147, B:6 and CMYK values of C:0, M:0.4, Y:0.98, K:0.04. Its decimal value is 16159494.
Hex triplet | f69306 | #f69306 |
---|---|---|
RGB Decimal | 246, 147, 6 | rgb(246,147,6) |
RGB Percent | 96.5, 57.6, 2.4 | rgb(96.5%,57.6%,2.4%) |
CMYK | 0, 40, 98, 4 | |
HSL | 35.3°, 95.2, 49.4 | hsl(35.3,95.2%,49.4%) |
HSV (or HSB) | 35.3°, 97.6, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.808, 29.616, 74.317 |
---|---|
XYZ | 48.474, 40.477, 5.432 |
xyY | 0.514, 0.429, 40.477 |
CIE-LCH | 69.808, 80.001, 68.272 |
CIE-LUV | 69.808, 82.335, 66.998 |
Hunter-Lab | 63.622, 24.663, 39.473 |
Binary | 11110110, 10010011, 00000110 |
Color Schemes with #f69306
Alternatives to #f69306
Below, you can see some colors close to #f69306. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69306 Preview
This text has a font color of #f69306.
<span style="color:#f69306;">Text here</span>
This paragraph has a background color of #f69306.
<p style="background-color:#f69306;">Content here</p>
This element has a border color of #f69306.
<div style="border:1px solid #f69306;">Content here</div>
.text {color:#f69306;}
.background {background-color:#f69306;}
.border {border:1px solid #f69306;}
Shades and Tints of #f69306
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, #100a00 is the darkest color, while #fffefc is the lightest one.
-
#100a00
#100a00
rgb(16,10,0)
-
#231501
#231501
rgb(35,21,1)
-
#372101
#372101
rgb(55,33,1)
-
#4a2c02
#4a2c02
rgb(74,44,2)
-
#5d3702
#5d3702
rgb(93,55,2)
-
#704303
#704303
rgb(112,67,3)
-
#834e03
#834e03
rgb(131,78,3)
-
#965a04
#965a04
rgb(150,90,4)
-
#a96504
#a96504
rgb(169,101,4)
-
#bd7105
#bd7105
rgb(189,113,5)
-
#d07c05
#d07c05
rgb(208,124,5)
-
#e38806
#e38806
rgb(227,136,6)
-
#f69306
#f69306
rgb(246,147,6)
-
#f99c16
#f99c16
rgb(249,156,22)
-
#faa429
#faa429
rgb(250,164,41)
-
#faac3d
#faac3d
rgb(250,172,61)
-
#fbb450
#fbb450
rgb(251,180,80)
-
#fbbc63
#fbbc63
rgb(251,188,99)
-
#fcc576
#fcc576
rgb(252,197,118)
-
#fccd89
#fccd89
rgb(252,205,137)
-
#fdd59c
#fdd59c
rgb(253,213,156)
-
#fdddaf
#fdddaf
rgb(253,221,175)
-
#fee5c3
#fee5c3
rgb(254,229,195)
-
#feedd6
#feedd6
rgb(254,237,214)
-
#fef6e9
#fef6e9
rgb(254,246,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f69306
A tone is produced by adding gray to any pure hue. In this case, #827f7a is the less saturated color, while #f69306 is the most saturated one.
-
#827f7a
#827f7a
rgb(130,127,122)
-
#8b8071
#8b8071
rgb(139,128,113)
-
#958267
#958267
rgb(149,130,103)
-
#9f845d
#9f845d
rgb(159,132,93)
-
#a88554
#a88554
rgb(168,133,84)
-
#b2874a
#b2874a
rgb(178,135,74)
-
#bc8940
#bc8940
rgb(188,137,64)
-
#c68b36
#c68b36
rgb(198,139,54)
-
#cf8c2d
#cf8c2d
rgb(207,140,45)
-
#d98e23
#d98e23
rgb(217,142,35)
-
#e39019
#e39019
rgb(227,144,25)
-
#ec9110
#ec9110
rgb(236,145,16)
-
#f69306
#f69306
rgb(246,147,6)
Color Blindness Simulator
Below, you can see how #f69306 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.