#f69b54 Color Information
In a RGB color space, hex #f69b54 is composed of 96.5% red, 60.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 65.9% yellow and 3.5% black. It has a hue angle of 26.3 degrees, a saturation of 90% and a lightness of 64.7%. #f69b54 color hex could be obtained by blending #ffffa8 with #ed3700. Closest websafe color is: #ff9966.
-
- R 96
- G 61
- B 33
-
- C 0
- M 37
- Y 66
- K 4
● #f69b54 color description : Soft orange.
#f69b54 Color Conversion
The hexadecimal color #f69b54 has RGB values of R:246, G:155, B:84 and CMYK values of C:0, M:0.37, Y:0.66, K:0.04. Its decimal value is 16161620.
Hex triplet | f69b54 | #f69b54 |
---|---|---|
RGB Decimal | 246, 155, 84 | rgb(246,155,84) |
RGB Percent | 96.5, 60.8, 32.9 | rgb(96.5%,60.8%,32.9%) |
CMYK | 0, 37, 66, 4 | |
HSL | 26.3°, 90, 64.7 | hsl(26.3,90%,64.7%) |
HSV (or HSB) | 26.3°, 65.9, 96.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 72.014, 27.803, 50.527 |
---|---|
XYZ | 51.329, 43.679, 14.115 |
xyY | 0.47, 0.4, 43.679 |
CIE-LCH | 72.014, 57.671, 61.178 |
CIE-LUV | 72.014, 71.458, 52.998 |
Hunter-Lab | 66.09, 22.973, 33.601 |
Binary | 11110110, 10011011, 01010100 |
Color Schemes with #f69b54
Alternatives to #f69b54
Below, you can see some colors close to #f69b54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69b54 Preview
This text has a font color of #f69b54.
<span style="color:#f69b54;">Text here</span>
This paragraph has a background color of #f69b54.
<p style="background-color:#f69b54;">Content here</p>
This element has a border color of #f69b54.
<div style="border:1px solid #f69b54;">Content here</div>
.text {color:#f69b54;}
.background {background-color:#f69b54;}
.border {border:1px solid #f69b54;}
Shades and Tints of #f69b54
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, #0f0701 is the darkest color, while #fffdfc is the lightest one.
-
#0f0701
#0f0701
rgb(15,7,1)
-
#221002
#221002
rgb(34,16,2)
-
#351903
#351903
rgb(53,25,3)
-
#472104
#472104
rgb(71,33,4)
-
#5a2a05
#5a2a05
rgb(90,42,5)
-
#6d3306
#6d3306
rgb(109,51,6)
-
#7f3b07
#7f3b07
rgb(127,59,7)
-
#924408
#924408
rgb(146,68,8)
-
#a44d09
#a44d09
rgb(164,77,9)
-
#b7560a
#b7560a
rgb(183,86,10)
-
#ca5e0b
#ca5e0b
rgb(202,94,11)
-
#dc670c
#dc670c
rgb(220,103,12)
-
#ef700d
#ef700d
rgb(239,112,13)
-
#f37a1c
#f37a1c
rgb(243,122,28)
-
#f4852f
#f4852f
rgb(244,133,47)
-
#f59041
#f59041
rgb(245,144,65)
-
#f69b54
#f69b54
rgb(246,155,84)
-
#f7a667
#f7a667
rgb(247,166,103)
-
#f8b179
#f8b179
rgb(248,177,121)
-
#f9bc8c
#f9bc8c
rgb(249,188,140)
-
#fac79f
#fac79f
rgb(250,199,159)
-
#fbd1b1
#fbd1b1
rgb(251,209,177)
-
#fcdcc4
#fcdcc4
rgb(252,220,196)
-
#fde7d6
#fde7d6
rgb(253,231,214)
-
#fef2e9
#fef2e9
rgb(254,242,233)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f69b54
A tone is produced by adding gray to any pure hue. In this case, #aaa4a0 is the less saturated color, while #fd9a4d is the most saturated one.
-
#aaa4a0
#aaa4a0
rgb(170,164,160)
-
#b1a499
#b1a499
rgb(177,164,153)
-
#b8a392
#b8a392
rgb(184,163,146)
-
#bfa28b
#bfa28b
rgb(191,162,139)
-
#c6a184
#c6a184
rgb(198,161,132)
-
#cca07e
#cca07e
rgb(204,160,126)
-
#d39f77
#d39f77
rgb(211,159,119)
-
#da9e70
#da9e70
rgb(218,158,112)
-
#e19e69
#e19e69
rgb(225,158,105)
-
#e89d62
#e89d62
rgb(232,157,98)
-
#ef9c5b
#ef9c5b
rgb(239,156,91)
-
#f69b54
#f69b54
rgb(246,155,84)
-
#fd9a4d
#fd9a4d
rgb(253,154,77)
Color Blindness Simulator
Below, you can see how #f69b54 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.