#f378aa hex color

In a RGB color space, hex #f378aa is composed of 95.3% red, 47.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.6% magenta, 30% yellow and 4.7% black. It has a hue angle of 335.6 degrees, a saturation of 83.7% and a lightness of 71.2%. #f378aa color hex could be obtained by blending #fff0ff with #e70055. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 47
- B 67
RGB color chart
- C 0
- M 51
- Y 30
- K 5
CMYK color chart

● #f378aa color description : Soft pink.

The hexadecimal color #f378aa has RGB values of R:243, G:120, B:170 and CMYK values of C:0, M:0.51, Y:0.3, K:0.05. Its decimal value is 15956138.

Hex triplet	f378aa	`#f378aa`
RGB Decimal	243, 120, 170	`rgb(243,120,170)`
RGB Percent	95.3, 47.1, 66.7	`rgb(95.3%,47.1%,66.7%)`
CMYK	0, 51, 30, 5
HSL	335.6°, 83.7, 71.2	`hsl(335.6,83.7%,71.2%)`
HSV (or HSB)	335.6°, 50.6, 95.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	66.054, 52.446, -4.32
XYZ	50.935, 35.394, 42.177
xyY	0.396, 0.275, 35.394
CIE-LCH	66.054, 52.624, 355.291
CIE-LUV	66.054, 77.091, -16.017
Hunter-Lab	59.492, 48.711, -0.389
Binary	11110011, 01111000, 10101010

#f378aa
```
#f378aa rgb(243,120,170)
```
#78f3c1
```
#78f3c1 rgb(120,243,193)
```

Complementary Color

#f378e8
```
#f378e8 rgb(243,120,232)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#f38478
```
#f38478 rgb(243,132,120)
```

Analogous Color

#78e8f3
```
#78e8f3 rgb(120,232,243)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#78f384
```
#78f384 rgb(120,243,132)
```

Split Complementary Color

#78aaf3
```
#78aaf3 rgb(120,170,243)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#aaf378
```
#aaf378 rgb(170,243,120)
```

Triadic Color

#c178f3
```
#c178f3 rgb(193,120,243)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#aaf378
```
#aaf378 rgb(170,243,120)
```
#78f3c1
```
#78f3c1 rgb(120,243,193)
```

Tetradic Color

#ed327e
```
#ed327e rgb(237,50,126)
```
#ef498d
```
#ef498d rgb(239,73,141)
```
#f1619b
```
#f1619b rgb(241,97,155)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#f58fb9
```
#f58fb9 rgb(245,143,185)
```
#f7a7c7
```
#f7a7c7 rgb(247,167,199)
```
#f9bed6
```
#f9bed6 rgb(249,190,214)
```

Monochromatic Color

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

#f378c9
```
#f378c9 rgb(243,120,201)
```
#f378bf
```
#f378bf rgb(243,120,191)
```
#f378b4
```
#f378b4 rgb(243,120,180)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#f378a0
```
#f378a0 rgb(243,120,160)
```
#f37896
```
#f37896 rgb(243,120,150)
```
#f3788b
```
#f3788b rgb(243,120,139)
```

Similar Colors

Text with hexadecimal color #f378aa

This text has a font color of #f378aa.

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

#f378aa background color

This paragraph has a background color of #f378aa.

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

#f378aa border color

This element has a border color of #f378aa.

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

CSS codes

.text {color:#f378aa;}

.background {background-color:#f378aa;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1b020c
```
#1b020c rgb(27,2,12)
```
#2d0415
```
#2d0415 rgb(45,4,21)
```
#3f061d
```
#3f061d rgb(63,6,29)
```
#510725
```
#510725 rgb(81,7,37)
```
#63092e
```
#63092e rgb(99,9,46)
```
#750a36
```
#750a36 rgb(117,10,54)
```
#870c3e
```
#870c3e rgb(135,12,62)
```
#990e46
```
#990e46 rgb(153,14,70)
```
#ab0f4f
```
#ab0f4f rgb(171,15,79)
```
#bd1157
```
#bd1157 rgb(189,17,87)
```
#cf125f
```
#cf125f rgb(207,18,95)
```
#e11467
```
#e11467 rgb(225,20,103)
```

Shade Color Variation

#eb1e71
```
#eb1e71 rgb(235,30,113)
```
#ed307d
```
#ed307d rgb(237,48,125)
```
#ee4288
```
#ee4288 rgb(238,66,136)
```
#f05493
```
#f05493 rgb(240,84,147)
```
#f1669f
```
#f1669f rgb(241,102,159)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#f58ab5
```
#f58ab5 rgb(245,138,181)
```
#f69cc1
```
#f69cc1 rgb(246,156,193)
```
#f8aecc
```
#f8aecc rgb(248,174,204)
```
#f9c0d7
```
#f9c0d7 rgb(249,192,215)
```
#fbd2e3
```
#fbd2e3 rgb(251,210,227)
```
#fde4ee
```
#fde4ee rgb(253,228,238)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#bab1b5
```
#bab1b5 rgb(186,177,181)
```
#c0abb4
```
#c0abb4 rgb(192,171,180)
```
#c6a5b2
```
#c6a5b2 rgb(198,165,178)
```
#cba0b1
```
#cba0b1 rgb(203,160,177)
```
#d19ab0
```
#d19ab0 rgb(209,154,176)
```
#d794af
```
#d794af rgb(215,148,175)
```
#dc8fae
```
#dc8fae rgb(220,143,174)
```
#e289ad
```
#e289ad rgb(226,137,173)
```
#e883ac
```
#e883ac rgb(232,131,172)
```
#ed7eab
```
#ed7eab rgb(237,126,171)
```
#f378aa
```
#f378aa rgb(243,120,170)
```
#f972a9
```
#f972a9 rgb(249,114,169)
```
#fe6da8
```
#fe6da8 rgb(254,109,168)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b29aa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea4c3 Protanopia 1% of men
#b4a0a5 Deuteranopia 1% of men
#f0858e Tritanopia 0.001% of the population

Trichromacy

#bd94b9 Protanomaly 1% of men, 0.01% of women
#cb91a7 Deuteranomaly 6% of men, 0.4% of women
#f18098 Tritanomaly 0.01% of the population

#f378aa hex color

#f378aa Color Information

#f378aa Color Conversion

Color Schemes with #f378aa

Alternatives to #f378aa

#f378aa Preview

Shades and Tints of #f378aa

Tones of #f378aa

Color Blindness Simulator