#cb366c hex color

In a RGB color space, hex #cb366c is composed of 79.6% red, 21.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 46.8% yellow and 20.4% black. It has a hue angle of 338.3 degrees, a saturation of 58.9% and a lightness of 50.4%. #cb366c color hex could be obtained by blending #ff6cd8 with #970000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 21
- B 42
RGB color chart
- C 0
- M 73
- Y 47
- K 20
CMYK color chart

● #cb366c color description : Moderate pink.

The hexadecimal color #cb366c has RGB values of R:203, G:54, B:108 and CMYK values of C:0, M:0.73, Y:0.47, K:0.2. Its decimal value is 13317740.

Hex triplet	cb366c	`#cb366c`
RGB Decimal	203, 54, 108	`rgb(203,54,108)`
RGB Percent	79.6, 21.2, 42.4	`rgb(79.6%,21.2%,42.4%)`
CMYK	0, 73, 47, 20
HSL	338.3°, 58.9, 50.4	`hsl(338.3,58.9%,50.4%)`
HSV (or HSB)	338.3°, 73.4, 79.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.521, 61.469, 4.317
XYZ	28.655, 16.421, 15.847
xyY	0.47, 0.27, 16.421
CIE-LCH	47.521, 61.62, 4.017
CIE-LUV	47.521, 97.344, -6.237
Hunter-Lab	40.522, 55.313, 5.179
Binary	11001011, 00110110, 01101100

#cb366c
```
#cb366c rgb(203,54,108)
```
#36cb95
```
#36cb95 rgb(54,203,149)
```

Complementary Color

#cb36b7
```
#cb36b7 rgb(203,54,183)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#cb4b36
```
#cb4b36 rgb(203,75,54)
```

Analogous Color

#36b7cb
```
#36b7cb rgb(54,183,203)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#36cb4b
```
#36cb4b rgb(54,203,75)
```

Split Complementary Color

#366ccb
```
#366ccb rgb(54,108,203)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#6ccb36
```
#6ccb36 rgb(108,203,54)
```

Triadic Color

#9536cb
```
#9536cb rgb(149,54,203)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#6ccb36
```
#6ccb36 rgb(108,203,54)
```
#36cb95
```
#36cb95 rgb(54,203,149)
```

Tetradic Color

#8f254c
```
#8f254c rgb(143,37,76)
```
#a42a56
```
#a42a56 rgb(164,42,86)
```
#b83061
```
#b83061 rgb(184,48,97)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#d04a7b
```
#d04a7b rgb(208,74,123)
```
#d55f8a
```
#d55f8a rgb(213,95,138)
```
#db7398
```
#db7398 rgb(219,115,152)
```

Monochromatic Color

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

#cb3691
```
#cb3691 rgb(203,54,145)
```
#cb3685
```
#cb3685 rgb(203,54,133)
```
#cb3678
```
#cb3678 rgb(203,54,120)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#cb3660
```
#cb3660 rgb(203,54,96)
```
#cb3653
```
#cb3653 rgb(203,54,83)
```
#cb3647
```
#cb3647 rgb(203,54,71)
```

Similar Colors

Text with hexadecimal color #cb366c

This text has a font color of #cb366c.

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

#cb366c background color

This paragraph has a background color of #cb366c.

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

#cb366c border color

This element has a border color of #cb366c.

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

CSS codes

.text {color:#cb366c;}

.background {background-color:#cb366c;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#110409
```
#110409 rgb(17,4,9)
```
#210811
```
#210811 rgb(33,8,17)
```
#300d19
```
#300d19 rgb(48,13,25)
```
#401122
```
#401122 rgb(64,17,34)
```
#50152a
```
#50152a rgb(80,21,42)
```
#5f1932
```
#5f1932 rgb(95,25,50)
```
#6f1d3a
```
#6f1d3a rgb(111,29,58)
```
#7e2143
```
#7e2143 rgb(126,33,67)
```
#8e254b
```
#8e254b rgb(142,37,75)
```
#9d2953
```
#9d2953 rgb(157,41,83)
```
#ad2d5b
```
#ad2d5b rgb(173,45,91)
```
#bd3163
```
#bd3163 rgb(189,49,99)
```

Shade Color Variation

#cb366c
```
#cb366c rgb(203,54,108)
```
#cf4677
```
#cf4677 rgb(207,70,119)
```
#d35583
```
#d35583 rgb(211,85,131)
```
#d7658e
```
#d7658e rgb(215,101,142)
```
#db749a
```
#db749a rgb(219,116,154)
```
#df84a5
```
#df84a5 rgb(223,132,165)
```
#e394b0
```
#e394b0 rgb(227,148,176)
```
#e7a3bc
```
#e7a3bc rgb(231,163,188)
```
#ebb3c7
```
#ebb3c7 rgb(235,179,199)
```
#efc2d3
```
#efc2d3 rgb(239,194,211)
```
#f3d2de
```
#f3d2de rgb(243,210,222)
```
#f7e1e9
```
#f7e1e9 rgb(247,225,233)
```
#fbf1f5
```
#fbf1f5 rgb(251,241,245)
```

Tint Color Variation

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

#877a7f
```
#877a7f rgb(135,122,127)
```
#91707c
```
#91707c rgb(145,112,124)
```
#9a6779
```
#9a6779 rgb(154,103,121)
```
#a45d77
```
#a45d77 rgb(164,93,119)
```
#ae5374
```
#ae5374 rgb(174,83,116)
```
#b84971
```
#b84971 rgb(184,73,113)
```
#c1406f
```
#c1406f rgb(193,64,111)
```
#cb366c
```
#cb366c rgb(203,54,108)
```
#d52c69
```
#d52c69 rgb(213,44,105)
```
#de2367
```
#de2367 rgb(222,35,103)
```
#e81964
```
#e81964 rgb(232,25,100)
```
#f20f61
```
#f20f61 rgb(242,15,97)
```
#fc055f
```
#fc055f rgb(252,5,95)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d5f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#72778e Protanopia 1% of men
#887369 Deuteranopia 1% of men
#cb494d Tritanopia 0.001% of the population

Trichromacy

#925f82 Protanomaly 1% of men, 0.01% of women
#a05d6a Deuteranomaly 6% of men, 0.4% of women
#cb4258 Tritanomaly 0.01% of the population

#cb366c hex color

#cb366c Color Information

#cb366c Color Conversion

Color Schemes with #cb366c

Alternatives to #cb366c

#cb366c Preview

Shades and Tints of #cb366c

Tones of #cb366c

Color Blindness Simulator