#f69ba2 hex color

In a RGB color space, hex #f69ba2 is composed of 96.5% red, 60.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37% magenta, 34.1% yellow and 3.5% black. It has a hue angle of 355.4 degrees, a saturation of 83.5% and a lightness of 78.6%. #f69ba2 color hex could be obtained by blending #ffffff with #ed3745. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 61
- B 64
RGB color chart
- C 0
- M 37
- Y 34
- K 4
CMYK color chart

● #f69ba2 color description : Very soft red.

The hexadecimal color #f69ba2 has RGB values of R:246, G:155, B:162 and CMYK values of C:0, M:0.37, Y:0.34, K:0.04. Its decimal value is 16161698.

Hex triplet	f69ba2	`#f69ba2`
RGB Decimal	246, 155, 162	`rgb(246,155,162)`
RGB Percent	96.5, 60.8, 63.5	`rgb(96.5%,60.8%,63.5%)`
CMYK	0, 37, 34, 4
HSL	355.4°, 83.5, 78.6	`hsl(355.4,83.5%,78.6%)`
HSV (or HSB)	355.4°, 37, 96.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	73.316, 34.804, 10.719
XYZ	56.249, 45.647, 40.029
xyY	0.396, 0.322, 45.647
CIE-LCH	73.316, 36.417, 17.119
CIE-LUV	73.316, 60.49, 8.376
Hunter-Lab	67.563, 30.374, 12.167
Binary	11110110, 10011011, 10100010

#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#9bf6ef
```
#9bf6ef rgb(155,246,239)
```

Complementary Color

#f69bd0
```
#f69bd0 rgb(246,155,208)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#f6c29b
```
#f6c29b rgb(246,194,155)
```

Analogous Color

#9bd0f6
```
#9bd0f6 rgb(155,208,246)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#9bf6c2
```
#9bf6c2 rgb(155,246,194)
```

Split Complementary Color

#9ba2f6
```
#9ba2f6 rgb(155,162,246)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#a2f69b
```
#a2f69b rgb(162,246,155)
```

Triadic Color

#ef9bf6
```
#ef9bf6 rgb(239,155,246)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#a2f69b
```
#a2f69b rgb(162,246,155)
```
#9bf6ef
```
#9bf6ef rgb(155,246,239)
```

Tetradic Color

#f05561
```
#f05561 rgb(240,85,97)
```
#f26c76
```
#f26c76 rgb(242,108,118)
```
#f4848c
```
#f4848c rgb(244,132,140)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#f8b2b8
```
#f8b2b8 rgb(248,178,184)
```
#facace
```
#facace rgb(250,202,206)
```
#fce1e3
```
#fce1e3 rgb(252,225,227)
```

Monochromatic Color

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

#f69bb9
```
#f69bb9 rgb(246,155,185)
```
#f69bb1
```
#f69bb1 rgb(246,155,177)
```
#f69baa
```
#f69baa rgb(246,155,170)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#f69c9b
```
#f69c9b rgb(246,156,155)
```
#f6a39b
```
#f6a39b rgb(246,163,155)
```
#f6ab9b
```
#f6ab9b rgb(246,171,155)
```

Similar Colors

Text with hexadecimal color #f69ba2

This text has a font color of #f69ba2.

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

#f69ba2 background color

This paragraph has a background color of #f69ba2.

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

#f69ba2 border color

This element has a border color of #f69ba2.

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

CSS codes

.text {color:#f69ba2;}

.background {background-color:#f69ba2;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0204
```
#1a0204 rgb(26,2,4)
```
#2c0407
```
#2c0407 rgb(44,4,7)
```
#3e060a
```
#3e060a rgb(62,6,10)
```
#50070d
```
#50070d rgb(80,7,13)
```
#620910
```
#620910 rgb(98,9,16)
```
#740a13
```
#740a13 rgb(116,10,19)
```
#860c15
```
#860c15 rgb(134,12,21)
```
#980e18
```
#980e18 rgb(152,14,24)
```
#aa0f1b
```
#aa0f1b rgb(170,15,27)
```
#bc111e
```
#bc111e rgb(188,17,30)
```
#ce1321
```
#ce1321 rgb(206,19,33)
```
#e01424
```
#e01424 rgb(224,20,36)
```

Shade Color Variation

#eb1d2d
```
#eb1d2d rgb(235,29,45)
```
#ec2f3e
```
#ec2f3e rgb(236,47,62)
```
#ee414e
```
#ee414e rgb(238,65,78)
```
#f0535f
```
#f0535f rgb(240,83,95)
```
#f16570
```
#f16570 rgb(241,101,112)
```
#f37781
```
#f37781 rgb(243,119,129)
```
#f48991
```
#f48991 rgb(244,137,145)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#f8adb3
```
#f8adb3 rgb(248,173,179)
```
#f9bfc3
```
#f9bfc3 rgb(249,191,195)
```
#fbd1d4
```
#fbd1d4 rgb(251,209,212)
```
#fce3e5
```
#fce3e5 rgb(252,227,229)
```
#fef5f6
```
#fef5f6 rgb(254,245,246)
```

Tint Color Variation

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

#ccc5c5
```
#ccc5c5 rgb(204,197,197)
```
#d0c1c2
```
#d0c1c2 rgb(208,193,194)
```
#d4bdbe
```
#d4bdbe rgb(212,189,190)
```
#d9b8bb
```
#d9b8bb rgb(217,184,187)
```
#ddb4b7
```
#ddb4b7 rgb(221,180,183)
```
#e1b0b4
```
#e1b0b4 rgb(225,176,180)
```
#e5acb0
```
#e5acb0 rgb(229,172,176)
```
#e9a8ad
```
#e9a8ad rgb(233,168,173)
```
#eea3a9
```
#eea3a9 rgb(238,163,169)
```
#f29fa6
```
#f29fa6 rgb(242,159,166)
```
#f69ba2
```
#f69ba2 rgb(246,155,162)
```
#fa979e
```
#fa979e rgb(250,151,158)
```
#fe939b
```
#fe939b rgb(254,147,155)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c4b1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb7b2 Protanopia 1% of men
#d1b1a2 Deuteranopia 1% of men
#f69faa Tritanopia 0.001% of the population

Trichromacy

#d1acac Protanomaly 1% of men, 0.01% of women
#dea9a2 Deuteranomaly 6% of men, 0.4% of women
#f69da7 Tritanomaly 0.01% of the population

#f69ba2 hex color

#f69ba2 Color Information

#f69ba2 Color Conversion

Color Schemes with #f69ba2

Alternatives to #f69ba2

#f69ba2 Preview

Shades and Tints of #f69ba2

Tones of #f69ba2

Color Blindness Simulator