#f6c345 Color Information
In a RGB color space, hex #f6c345 is composed of 96.5% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.7% magenta, 72% yellow and 3.5% black. It has a hue angle of 42.7 degrees, a saturation of 90.8% and a lightness of 61.8%. #f6c345 color hex could be obtained by blending #ffff8a with #ed8700. Closest websafe color is: #ffcc33.
-
- R 96
- G 76
- B 27
-
- C 0
- M 21
- Y 72
- K 4
● #f6c345 color description : Bright orange.
#f6c345 Color Conversion
The hexadecimal color #f6c345 has RGB values of R:246, G:195, B:69 and CMYK values of C:0, M:0.21, Y:0.72, K:0.04. Its decimal value is 16171845.
Hex triplet | f6c345 | #f6c345 |
---|---|---|
RGB Decimal | 246, 195, 69 | rgb(246,195,69) |
RGB Percent | 96.5, 76.5, 27.1 | rgb(96.5%,76.5%,27.1%) |
CMYK | 0, 21, 72, 4 | |
HSL | 42.7°, 90.8, 61.8 | hsl(42.7,90.8%,61.8%) |
HSV (or HSB) | 42.7°, 72, 96.5 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.322, 6.055, 66.99 |
---|---|
XYZ | 58.596, 59.055, 13.943 |
xyY | 0.445, 0.449, 59.055 |
CIE-LCH | 81.322, 67.263, 84.836 |
CIE-LUV | 81.322, 42.088, 74.606 |
Hunter-Lab | 76.848, 1.623, 43.036 |
Binary | 11110110, 11000011, 01000101 |
Color Schemes with #f6c345
Alternatives to #f6c345
Below, you can see some colors close to #f6c345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6c345 Preview
This text has a font color of #f6c345.
<span style="color:#f6c345;">Text here</span>
This paragraph has a background color of #f6c345.
<p style="background-color:#f6c345;">Content here</p>
This element has a border color of #f6c345.
<div style="border:1px solid #f6c345;">Content here</div>
.text {color:#f6c345;}
.background {background-color:#f6c345;}
.border {border:1px solid #f6c345;}
Shades and Tints of #f6c345
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, #010100 is the darkest color, while #fef9ed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140e01
#140e01
rgb(20,14,1)
-
#271c02
#271c02
rgb(39,28,2)
-
#392a03
#392a03
rgb(57,42,3)
-
#4c3704
#4c3704
rgb(76,55,4)
-
#5f4505
#5f4505
rgb(95,69,5)
-
#715205
#715205
rgb(113,82,5)
-
#846006
#846006
rgb(132,96,6)
-
#976d07
#976d07
rgb(151,109,7)
-
#a97b08
#a97b08
rgb(169,123,8)
-
#bc8909
#bc8909
rgb(188,137,9)
-
#cf960a
#cf960a
rgb(207,150,10)
-
#e2a40b
#e2a40b
rgb(226,164,11)
-
#f3b10d
#f3b10d
rgb(243,177,13)
-
#f4b720
#f4b720
rgb(244,183,32)
-
#f5bd32
#f5bd32
rgb(245,189,50)
-
#f6c345
#f6c345
rgb(246,195,69)
-
#f7c958
#f7c958
rgb(247,201,88)
-
#f8cf6a
#f8cf6a
rgb(248,207,106)
-
#f9d57d
#f9d57d
rgb(249,213,125)
-
#fadb90
#fadb90
rgb(250,219,144)
-
#fbe1a3
#fbe1a3
rgb(251,225,163)
-
#fbe7b5
#fbe7b5
rgb(251,231,181)
-
#fcedc8
#fcedc8
rgb(252,237,200)
-
#fdf3db
#fdf3db
rgb(253,243,219)
-
#fef9ed
#fef9ed
rgb(254,249,237)
Tones of #f6c345
A tone is produced by adding gray to any pure hue. In this case, #a4a098 is the less saturated color, while #fec63e is the most saturated one.
-
#a4a098
#a4a098
rgb(164,160,152)
-
#aba390
#aba390
rgb(171,163,144)
-
#b3a689
#b3a689
rgb(179,166,137)
-
#baaa81
#baaa81
rgb(186,170,129)
-
#c2ad7a
#c2ad7a
rgb(194,173,122)
-
#c9b072
#c9b072
rgb(201,176,114)
-
#d1b36b
#d1b36b
rgb(209,179,107)
-
#d8b663
#d8b663
rgb(216,182,99)
-
#e0b95c
#e0b95c
rgb(224,185,92)
-
#e7bd54
#e7bd54
rgb(231,189,84)
-
#efc04d
#efc04d
rgb(239,192,77)
-
#f6c345
#f6c345
rgb(246,195,69)
-
#fec63e
#fec63e
rgb(254,198,62)
Color Blindness Simulator
Below, you can see how #f6c345 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.