#f69d70 hex color

In a RGB color space, hex #f69d70 is composed of 96.5% red, 61.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.2% magenta, 54.5% yellow and 3.5% black. It has a hue angle of 20.1 degrees, a saturation of 88.2% and a lightness of 70.2%. #f69d70 color hex could be obtained by blending #ffffe0 with #ed3b00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 96
- G 62
- B 44
RGB color chart
- C 0
- M 36
- Y 54
- K 4
CMYK color chart

● #f69d70 color description : Soft orange.

The hexadecimal color #f69d70 has RGB values of R:246, G:157, B:112 and CMYK values of C:0, M:0.36, Y:0.54, K:0.04. Its decimal value is 16162160.

Hex triplet	f69d70	`#f69d70`
RGB Decimal	246, 157, 112	`rgb(246,157,112)`
RGB Percent	96.5, 61.6, 43.9	`rgb(96.5%,61.6%,43.9%)`
CMYK	0, 36, 54, 4
HSL	20.1°, 88.2, 70.2	`hsl(20.1,88.2%,70.2%)`
HSV (or HSB)	20.1°, 54.5, 96.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	72.813, 28.7, 37.206
XYZ	52.989, 44.88, 21.2
xyY	0.445, 0.377, 44.88
CIE-LCH	72.813, 46.989, 52.354
CIE-LUV	72.813, 66.759, 40.789
Hunter-Lab	66.993, 23.949, 28.132
Binary	11110110, 10011101, 01110000

#f69d70
```
#f69d70 rgb(246,157,112)
```
#70c9f6
```
#70c9f6 rgb(112,201,246)
```

Complementary Color

#f67086
```
#f67086 rgb(246,112,134)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#f6e070
```
#f6e070 rgb(246,224,112)
```

Analogous Color

#7086f6
```
#7086f6 rgb(112,134,246)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#70f6e0
```
#70f6e0 rgb(112,246,224)
```

Split Complementary Color

#9d70f6
```
#9d70f6 rgb(157,112,246)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#70f69d
```
#70f69d rgb(112,246,157)
```

Triadic Color

#f670c9
```
#f670c9 rgb(246,112,201)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#70f69d
```
#70f69d rgb(112,246,157)
```
#70c9f6
```
#70c9f6 rgb(112,201,246)
```

Tetradic Color

#f16c28
```
#f16c28 rgb(241,108,40)
```
#f37c40
```
#f37c40 rgb(243,124,64)
```
#f48d58
```
#f48d58 rgb(244,141,88)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#f8ad88
```
#f8ad88 rgb(248,173,136)
```
#f9bea0
```
#f9bea0 rgb(249,190,160)
```
#fbceb8
```
#fbceb8 rgb(251,206,184)
```

Monochromatic Color

Below, you can see some colors close to #f69d70. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f67c70
```
#f67c70 rgb(246,124,112)
```
#f68770
```
#f68770 rgb(246,135,112)
```
#f69270
```
#f69270 rgb(246,146,112)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#f6a870
```
#f6a870 rgb(246,168,112)
```
#f6b370
```
#f6b370 rgb(246,179,112)
```
#f6bf70
```
#f6bf70 rgb(246,191,112)
```

Similar Colors

Text with hexadecimal color #f69d70

This text has a font color of #f69d70.

<span style="color:#f69d70;">Text here</span>

#f69d70 background color

This paragraph has a background color of #f69d70.

<p style="background-color:#f69d70;">Content here</p>

#f69d70 border color

This element has a border color of #f69d70.

<div style="border:1px solid #f69d70;">Content here</div>

CSS codes

.text {color:#f69d70;}

.background {background-color:#f69d70;}

.border {border:1px solid #f69d70;}

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, #050200 is the darkest color, while #fef6f1 is the lightest one.

#050200
```
#050200 rgb(5,2,0)
```
#170901
```
#170901 rgb(23,9,1)
```
#2a1003
```
#2a1003 rgb(42,16,3)
```
#3c1704
```
#3c1704 rgb(60,23,4)
```
#4e1e05
```
#4e1e05 rgb(78,30,5)
```
#612506
```
#612506 rgb(97,37,6)
```
#732c07
```
#732c07 rgb(115,44,7)
```
#863308
```
#863308 rgb(134,51,8)
```
#98390a
```
#98390a rgb(152,57,10)
```
#ab400b
```
#ab400b rgb(171,64,11)
```
#bd470c
```
#bd470c rgb(189,71,12)
```
#d04e0d
```
#d04e0d rgb(208,78,13)
```
#e2550e
```
#e2550e rgb(226,85,14)
```

Shade Color Variation

#f05e14
```
#f05e14 rgb(240,94,20)
```
#f16a26
```
#f16a26 rgb(241,106,38)
```
#f37739
```
#f37739 rgb(243,119,57)
```
#f4844b
```
#f4844b rgb(244,132,75)
```
#f5905e
```
#f5905e rgb(245,144,94)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#f7aa82
```
#f7aa82 rgb(247,170,130)
```
#f8b695
```
#f8b695 rgb(248,182,149)
```
#f9c3a7
```
#f9c3a7 rgb(249,195,167)
```
#fbd0ba
```
#fbd0ba rgb(251,208,186)
```
#fcdccc
```
#fcdccc rgb(252,220,204)
```
#fde9df
```
#fde9df rgb(253,233,223)
```
#fef6f1
```
#fef6f1 rgb(254,246,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b6b2b0 is the less saturated color, while #fc9b6a is the most saturated one.

#b6b2b0
```
#b6b2b0 rgb(182,178,176)
```
#bcb0aa
```
#bcb0aa rgb(188,176,170)
```
#c1aea5
```
#c1aea5 rgb(193,174,165)
```
#c7ac9f
```
#c7ac9f rgb(199,172,159)
```
#cdaa99
```
#cdaa99 rgb(205,170,153)
```
#d3a993
```
#d3a993 rgb(211,169,147)
```
#d9a78d
```
#d9a78d rgb(217,167,141)
```
#dfa587
```
#dfa587 rgb(223,165,135)
```
#e4a382
```
#e4a382 rgb(228,163,130)
```
#eaa17c
```
#eaa17c rgb(234,161,124)
```
#f09f76
```
#f09f76 rgb(240,159,118)
```
#f69d70
```
#f69d70 rgb(246,157,112)
```
#fc9b6a
```
#fc9b6a rgb(252,155,106)
```

Tone Color Variation

Below, you can see how #f69d70 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.

Monochromacy

#b2b2b2 Achromatopsia 0.005% of the population
#c0aea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b67f Protanopia 1% of men
#dbae73 Deuteranopia 1% of men
#fa9ba6 Tritanopia 0.001% of the population

Trichromacy

#d6ad79 Protanomaly 1% of men, 0.01% of women
#e5a872 Deuteranomaly 6% of men, 0.4% of women
#f89c92 Tritanomaly 0.01% of the population

#f69d70 hex color

#f69d70 Color Information

#f69d70 Color Conversion

Color Schemes with #f69d70

Alternatives to #f69d70

#f69d70 Preview

Shades and Tints of #f69d70

Tones of #f69d70

Color Blindness Simulator