#f69645 Color Information
In a RGB color space, hex #f69645 is composed of 96.5% red, 58.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 72% yellow and 3.5% black. It has a hue angle of 27.5 degrees, a saturation of 90.8% and a lightness of 61.8%. #f69645 color hex could be obtained by blending #ffff8a with #ed2d00. Closest websafe color is: #ff9933.
-
- R 96
- G 59
- B 27
-
- C 0
- M 39
- Y 72
- K 4
● #f69645 color description : Bright orange.
#f69645 Color Conversion
The hexadecimal color #f69645 has RGB values of R:246, G:150, B:69 and CMYK values of C:0, M:0.39, Y:0.72, K:0.04. Its decimal value is 16160325.
Hex triplet | f69645 | #f69645 |
---|---|---|
RGB Decimal | 246, 150, 69 | rgb(246,150,69) |
RGB Percent | 96.5, 58.8, 27.1 | rgb(96.5%,58.8%,27.1%) |
CMYK | 0, 39, 72, 4 | |
HSL | 27.5°, 90.8, 61.8 | hsl(27.5,90.8%,61.8%) |
HSV (or HSB) | 27.5°, 72, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 70.76, 29.63, 56.232 |
---|---|
XYZ | 49.988, 41.839, 11.073 |
xyY | 0.486, 0.407, 41.839 |
CIE-LCH | 70.76, 63.561, 62.214 |
CIE-LUV | 70.76, 76.781, 56.504 |
Hunter-Lab | 64.683, 24.752, 35.128 |
Binary | 11110110, 10010110, 01000101 |
Color Schemes with #f69645
Alternatives to #f69645
Below, you can see some colors close to #f69645. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69645 Preview
This text has a font color of #f69645.
<span style="color:#f69645;">Text here</span>
This paragraph has a background color of #f69645.
<p style="background-color:#f69645;">Content here</p>
This element has a border color of #f69645.
<div style="border:1px solid #f69645;">Content here</div>
.text {color:#f69645;}
.background {background-color:#f69645;}
.border {border:1px solid #f69645;}
Shades and Tints of #f69645
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)
-
#140a01
#140a01
rgb(20,10,1)
-
#271302
#271302
rgb(39,19,2)
-
#391c03
#391c03
rgb(57,28,3)
-
#4c2504
#4c2504
rgb(76,37,4)
-
#5f2e05
#5f2e05
rgb(95,46,5)
-
#713705
#713705
rgb(113,55,5)
-
#844006
#844006
rgb(132,64,6)
-
#974907
#974907
rgb(151,73,7)
-
#a95208
#a95208
rgb(169,82,8)
-
#bc5b09
#bc5b09
rgb(188,91,9)
-
#cf640a
#cf640a
rgb(207,100,10)
-
#e26d0b
#e26d0b
rgb(226,109,11)
-
#f3760d
#f3760d
rgb(243,118,13)
-
#f48120
#f48120
rgb(244,129,32)
-
#f58b32
#f58b32
rgb(245,139,50)
-
#f69645
#f69645
rgb(246,150,69)
-
#f7a158
#f7a158
rgb(247,161,88)
-
#f8ab6a
#f8ab6a
rgb(248,171,106)
-
#f9b67d
#f9b67d
rgb(249,182,125)
-
#fac090
#fac090
rgb(250,192,144)
-
#fbcba3
#fbcba3
rgb(251,203,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 #f69645
A tone is produced by adding gray to any pure hue. In this case, #a49d98 is the less saturated color, while #fe953e is the most saturated one.
-
#a49d98
#a49d98
rgb(164,157,152)
-
#ab9c90
#ab9c90
rgb(171,156,144)
-
#b39c89
#b39c89
rgb(179,156,137)
-
#ba9b81
#ba9b81
rgb(186,155,129)
-
#c29a7a
#c29a7a
rgb(194,154,122)
-
#c99a72
#c99a72
rgb(201,154,114)
-
#d1996b
#d1996b
rgb(209,153,107)
-
#d89963
#d89963
rgb(216,153,99)
-
#e0985c
#e0985c
rgb(224,152,92)
-
#e79754
#e79754
rgb(231,151,84)
-
#ef974d
#ef974d
rgb(239,151,77)
-
#f69645
#f69645
rgb(246,150,69)
-
#fe953e
#fe953e
rgb(254,149,62)
Color Blindness Simulator
Below, you can see how #f69645 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.