#f69545 Color Information
In a RGB color space, hex #f69545 is composed of 96.5% red, 58.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 72% yellow and 3.5% black. It has a hue angle of 27.1 degrees, a saturation of 90.8% and a lightness of 61.8%. #f69545 color hex could be obtained by blending #ffff8a with #ed2b00. Closest websafe color is: #ff9933.
-
- R 96
- G 58
- B 27
-
- C 0
- M 39
- Y 72
- K 4
● #f69545 color description : Bright orange.
#f69545 Color Conversion
The hexadecimal color #f69545 has RGB values of R:246, G:149, B:69 and CMYK values of C:0, M:0.39, Y:0.72, K:0.04. Its decimal value is 16160069.
Hex triplet | f69545 | #f69545 |
---|---|---|
RGB Decimal | 246, 149, 69 | rgb(246,149,69) |
RGB Percent | 96.5, 58.4, 27.1 | rgb(96.5%,58.4%,27.1%) |
CMYK | 0, 39, 72, 4 | |
HSL | 27.1°, 90.8, 61.8 | hsl(27.1,90.8%,61.8%) |
HSV (or HSB) | 27.1°, 72, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 70.54, 30.151, 56.001 |
---|---|
XYZ | 49.829, 41.521, 11.02 |
xyY | 0.487, 0.406, 41.521 |
CIE-LCH | 70.54, 63.602, 61.702 |
CIE-LUV | 70.54, 77.574, 56.112 |
Hunter-Lab | 64.437, 25.269, 34.966 |
Binary | 11110110, 10010101, 01000101 |
Color Schemes with #f69545
Alternatives to #f69545
Below, you can see some colors close to #f69545. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69545 Preview
This text has a font color of #f69545.
<span style="color:#f69545;">Text here</span>
This paragraph has a background color of #f69545.
<p style="background-color:#f69545;">Content here</p>
This element has a border color of #f69545.
<div style="border:1px solid #f69545;">Content here</div>
.text {color:#f69545;}
.background {background-color:#f69545;}
.border {border:1px solid #f69545;}
Shades and Tints of #f69545
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 #fef5ed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140901
#140901
rgb(20,9,1)
-
#271202
#271202
rgb(39,18,2)
-
#391b03
#391b03
rgb(57,27,3)
-
#4c2404
#4c2404
rgb(76,36,4)
-
#5f2d05
#5f2d05
rgb(95,45,5)
-
#713605
#713605
rgb(113,54,5)
-
#843f06
#843f06
rgb(132,63,6)
-
#974807
#974807
rgb(151,72,7)
-
#a95108
#a95108
rgb(169,81,8)
-
#bc5a09
#bc5a09
rgb(188,90,9)
-
#cf630a
#cf630a
rgb(207,99,10)
-
#e26c0b
#e26c0b
rgb(226,108,11)
-
#f3750d
#f3750d
rgb(243,117,13)
-
#f48020
#f48020
rgb(244,128,32)
-
#f58a32
#f58a32
rgb(245,138,50)
-
#f69545
#f69545
rgb(246,149,69)
-
#f7a058
#f7a058
rgb(247,160,88)
-
#f8aa6a
#f8aa6a
rgb(248,170,106)
-
#f9b57d
#f9b57d
rgb(249,181,125)
-
#fac090
#fac090
rgb(250,192,144)
-
#fbcaa3
#fbcaa3
rgb(251,202,163)
-
#fbd5b5
#fbd5b5
rgb(251,213,181)
-
#fce0c8
#fce0c8
rgb(252,224,200)
-
#fdeadb
#fdeadb
rgb(253,234,219)
-
#fef5ed
#fef5ed
rgb(254,245,237)
Tones of #f69545
A tone is produced by adding gray to any pure hue. In this case, #a49d98 is the less saturated color, while #fe943e is the most saturated one.
-
#a49d98
#a49d98
rgb(164,157,152)
-
#ab9c90
#ab9c90
rgb(171,156,144)
-
#b39b89
#b39b89
rgb(179,155,137)
-
#ba9b81
#ba9b81
rgb(186,155,129)
-
#c29a7a
#c29a7a
rgb(194,154,122)
-
#c99972
#c99972
rgb(201,153,114)
-
#d1996b
#d1996b
rgb(209,153,107)
-
#d89863
#d89863
rgb(216,152,99)
-
#e0975c
#e0975c
rgb(224,151,92)
-
#e79654
#e79654
rgb(231,150,84)
-
#ef964d
#ef964d
rgb(239,150,77)
-
#f69545
#f69545
rgb(246,149,69)
-
#fe943e
#fe943e
rgb(254,148,62)
Color Blindness Simulator
Below, you can see how #f69545 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.