#cf486f hex color

In a RGB color space, hex #cf486f is composed of 81.2% red, 28.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.2% magenta, 46.4% yellow and 18.8% black. It has a hue angle of 342.7 degrees, a saturation of 58.4% and a lightness of 54.7%. #cf486f color hex could be obtained by blending #ff90de with #9f0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 81
- G 28
- B 44
RGB color chart
- C 0
- M 65
- Y 46
- K 19
CMYK color chart

● #cf486f color description : Moderate pink.

The hexadecimal color #cf486f has RGB values of R:207, G:72, B:111 and CMYK values of C:0, M:0.65, Y:0.46, K:0.19. Its decimal value is 13584495.

Hex triplet	cf486f	`#cf486f`
RGB Decimal	207, 72, 111	`rgb(207,72,111)`
RGB Percent	81.2, 28.2, 43.5	`rgb(81.2%,28.2%,43.5%)`
CMYK	0, 65, 46, 19
HSL	342.7°, 58.4, 54.7	`hsl(342.7,58.4%,54.7%)`
HSV (or HSB)	342.7°, 65.2, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.747, 56.175, 7.203
XYZ	30.92, 19.051, 17.087
xyY	0.461, 0.284, 19.051
CIE-LCH	50.747, 56.635, 7.306
CIE-LUV	50.747, 91.233, -1.548
Hunter-Lab	43.647, 50.066, 7.342
Binary	11001111, 01001000, 01101111

#cf486f
```
#cf486f rgb(207,72,111)
```
#48cfa8
```
#48cfa8 rgb(72,207,168)
```

Complementary Color

#cf48b3
```
#cf48b3 rgb(207,72,179)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#cf6548
```
#cf6548 rgb(207,101,72)
```

Analogous Color

#48b3cf
```
#48b3cf rgb(72,179,207)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#48cf65
```
#48cf65 rgb(72,207,101)
```

Split Complementary Color

#486fcf
```
#486fcf rgb(72,111,207)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#6fcf48
```
#6fcf48 rgb(111,207,72)
```

Triadic Color

#a848cf
```
#a848cf rgb(168,72,207)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#6fcf48
```
#6fcf48 rgb(111,207,72)
```
#48cfa8
```
#48cfa8 rgb(72,207,168)
```

Tetradic Color

#a02a4c
```
#a02a4c rgb(160,42,76)
```
#b52f56
```
#b52f56 rgb(181,47,86)
```
#c9355f
```
#c9355f rgb(201,53,95)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#d45c7f
```
#d45c7f rgb(212,92,127)
```
#da708f
```
#da708f rgb(218,112,143)
```
#df859f
```
#df859f rgb(223,133,159)
```

Monochromatic Color

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

#cf4891
```
#cf4891 rgb(207,72,145)
```
#cf4886
```
#cf4886 rgb(207,72,134)
```
#cf487a
```
#cf487a rgb(207,72,122)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#cf4864
```
#cf4864 rgb(207,72,100)
```
#cf4859
```
#cf4859 rgb(207,72,89)
```
#cf484d
```
#cf484d rgb(207,72,77)
```

Similar Colors

Text with hexadecimal color #cf486f

This text has a font color of #cf486f.

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

#cf486f background color

This paragraph has a background color of #cf486f.

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

#cf486f border color

This element has a border color of #cf486f.

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

CSS codes

.text {color:#cf486f;}

.background {background-color:#cf486f;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#130509
```
#130509 rgb(19,5,9)
```
#230910
```
#230910 rgb(35,9,16)
```
#320d18
```
#320d18 rgb(50,13,24)
```
#42111f
```
#42111f rgb(66,17,31)
```
#511527
```
#511527 rgb(81,21,39)
```
#61192e
```
#61192e rgb(97,25,46)
```
#701d35
```
#701d35 rgb(112,29,53)
```
#80223d
```
#80223d rgb(128,34,61)
```
#8f2644
```
#8f2644 rgb(143,38,68)
```
#9f2a4c
```
#9f2a4c rgb(159,42,76)
```
#ae2e53
```
#ae2e53 rgb(174,46,83)
```
#be325a
```
#be325a rgb(190,50,90)
```

Shade Color Variation

#cb3863
```
#cb3863 rgb(203,56,99)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#d3587b
```
#d3587b rgb(211,88,123)
```
#d76787
```
#d76787 rgb(215,103,135)
```
#db7794
```
#db7794 rgb(219,119,148)
```
#df86a0
```
#df86a0 rgb(223,134,160)
```
#e396ac
```
#e396ac rgb(227,150,172)
```
#e7a5b8
```
#e7a5b8 rgb(231,165,184)
```
#ecb5c5
```
#ecb5c5 rgb(236,181,197)
```
#f0c4d1
```
#f0c4d1 rgb(240,196,209)
```
#f4d4dd
```
#f4d4dd rgb(244,212,221)
```
#f8e3e9
```
#f8e3e9 rgb(248,227,233)
```
#fcf3f6
```
#fcf3f6 rgb(252,243,246)
```

Tint Color Variation

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

#918689
```
#918689 rgb(145,134,137)
```
#9a7d86
```
#9a7d86 rgb(154,125,134)
```
#a37482
```
#a37482 rgb(163,116,130)
```
#ab6c7e
```
#ab6c7e rgb(171,108,126)
```
#b4637a
```
#b4637a rgb(180,99,122)
```
#bd5a77
```
#bd5a77 rgb(189,90,119)
```
#c65173
```
#c65173 rgb(198,81,115)
```
#cf486f
```
#cf486f rgb(207,72,111)
```
#d83f6b
```
#d83f6b rgb(216,63,107)
```
#e13667
```
#e13667 rgb(225,54,103)
```
#ea2d64
```
#ea2d64 rgb(234,45,100)
```
#f32460
```
#f32460 rgb(243,36,96)
```
#fb1c5c
```
#fb1c5c rgb(251,28,92)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#876c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7e8c Protanopia 1% of men
#927b6d Deuteranopia 1% of men
#cf575c Tritanopia 0.001% of the population

Trichromacy

#9b6a81 Protanomaly 1% of men, 0.01% of women
#a8686e Deuteranomaly 6% of men, 0.4% of women
#cf5162 Tritanomaly 0.01% of the population

#cf486f hex color

#cf486f Color Information

#cf486f Color Conversion

Color Schemes with #cf486f

Alternatives to #cf486f

#cf486f Preview

Shades and Tints of #cf486f

Tones of #cf486f

Color Blindness Simulator