colorhexa.com

#cb306b hex color

In a RGB color space, hex #cb306b is composed of 79.6% red, 18.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 47.3% yellow and 20.4% black. It has a hue angle of 337.2 degrees, a saturation of 61.8% and a lightness of 49.2%. #cb306b color hex could be obtained by blending #ff60d6 with #970000. Closest websafe color is: #cc3366.

- R 80
- G 19
- B 42
RGB color chart
- C 0
- M 76
- Y 47
- K 20
CMYK color chart

● #cb306b color description : Strong pink.

The hexadecimal color #cb306b has RGB values of R:203, G:48, B:107 and CMYK values of C:0, M:0.76, Y:0.47, K:0.2. Its decimal value is 13316203.

Hex triplet	cb306b	`#cb306b`
RGB Decimal	203, 48, 107	`rgb(203,48,107)`
RGB Percent	79.6, 18.8, 42	`rgb(79.6%,18.8%,42%)`
CMYK	0, 76, 47, 20
HSL	337.2°, 61.8, 49.2	`hsl(337.2,61.8%,49.2%)`
HSV (or HSB)	337.2°, 76.4, 79.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.81, 63.302, 3.907
XYZ	28.34, 15.875, 15.481
xyY	0.475, 0.266, 15.875
CIE-LCH	46.81, 63.422, 3.532
CIE-LUV	46.81, 100.068, -7.14
Hunter-Lab	39.843, 57.239, 4.854
Binary	11001011, 00110000, 01101011

#cb306b
```
#cb306b rgb(203,48,107)
```
#30cb90
```
#30cb90 rgb(48,203,144)
```

Complementary Color

#cb30b9
```
#cb30b9 rgb(203,48,185)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#cb4330
```
#cb4330 rgb(203,67,48)
```

Analogous Color

#30b9cb
```
#30b9cb rgb(48,185,203)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#30cb43
```
#30cb43 rgb(48,203,67)
```

Split Complementary Color

#306bcb
```
#306bcb rgb(48,107,203)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#6bcb30
```
#6bcb30 rgb(107,203,48)
```

Triadic Color

#9030cb
```
#9030cb rgb(144,48,203)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#6bcb30
```
#6bcb30 rgb(107,203,48)
```
#30cb90
```
#30cb90 rgb(48,203,144)
```

Tetradic Color

#8d214a
```
#8d214a rgb(141,33,74)
```
#a22655
```
#a22655 rgb(162,38,85)
```
#b62b60
```
#b62b60 rgb(182,43,96)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#d24279
```
#d24279 rgb(210,66,121)
```
#d75788
```
#d75788 rgb(215,87,136)
```
#dc6b96
```
#dc6b96 rgb(220,107,150)
```

Monochromatic Color

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

#cb3092
```
#cb3092 rgb(203,48,146)
```
#cb3085
```
#cb3085 rgb(203,48,133)
```
#cb3078
```
#cb3078 rgb(203,48,120)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#cb305e
```
#cb305e rgb(203,48,94)
```
#cb3051
```
#cb3051 rgb(203,48,81)
```
#cb3044
```
#cb3044 rgb(203,48,68)
```

Similar Colors

Text with hexadecimal color #cb306b

This text has a font color of #cb306b.

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

#cb306b background color

This paragraph has a background color of #cb306b.

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

#cb306b border color

This element has a border color of #cb306b.

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

CSS codes

.text {color:#cb306b;}

.background {background-color:#cb306b;}

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

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, #0d0307 is the darkest color, while #fefcfd is the lightest one.

#0d0307
```
#0d0307 rgb(13,3,7)
```
#1c070f
```
#1c070f rgb(28,7,15)
```
#2c0a17
```
#2c0a17 rgb(44,10,23)
```
#3c0e20
```
#3c0e20 rgb(60,14,32)
```
#4c1228
```
#4c1228 rgb(76,18,40)
```
#5c1630
```
#5c1630 rgb(92,22,48)
```
#6c1939
```
#6c1939 rgb(108,25,57)
```
#7c1d41
```
#7c1d41 rgb(124,29,65)
```
#8c214a
```
#8c214a rgb(140,33,74)
```
#9b2552
```
#9b2552 rgb(155,37,82)
```
#ab285a
```
#ab285a rgb(171,40,90)
```
#bb2c63
```
#bb2c63 rgb(187,44,99)
```
#cb306b
```
#cb306b rgb(203,48,107)
```

Shade Color Variation

#d13d76
```
#d13d76 rgb(209,61,118)
```
#d54d81
```
#d54d81 rgb(213,77,129)
```
#d95d8c
```
#d95d8c rgb(217,93,140)
```
#dc6d97
```
#dc6d97 rgb(220,109,151)
```
#e07da3
```
#e07da3 rgb(224,125,163)
```
#e48dae
```
#e48dae rgb(228,141,174)
```
#e89db9
```
#e89db9 rgb(232,157,185)
```
#ebacc4
```
#ebacc4 rgb(235,172,196)
```
#efbcd0
```
#efbcd0 rgb(239,188,208)
```
#f3ccdb
```
#f3ccdb rgb(243,204,219)
```
#f7dce6
```
#f7dce6 rgb(247,220,230)
```
#faecf1
```
#faecf1 rgb(250,236,241)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#7e7d7d
```
#7e7d7d rgb(126,125,125)
```
#87747b
```
#87747b rgb(135,116,123)
```
#916a79
```
#916a79 rgb(145,106,121)
```
#9b6077
```
#9b6077 rgb(155,96,119)
```
#a45774
```
#a45774 rgb(164,87,116)
```
#ae4d72
```
#ae4d72 rgb(174,77,114)
```
#b84370
```
#b84370 rgb(184,67,112)
```
#c13a6d
```
#c13a6d rgb(193,58,109)
```
#cb306b
```
#cb306b rgb(203,48,107)
```
#d52669
```
#d52669 rgb(213,38,105)
```
#de1d66
```
#de1d66 rgb(222,29,102)
```
#e81364
```
#e81364 rgb(232,19,100)
```
#f20962
```
#f20962 rgb(242,9,98)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#795a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f758f Protanopia 1% of men
#867268 Deuteranopia 1% of men
#cb4548 Tritanopia 0.001% of the population

Trichromacy

#915c82 Protanomaly 1% of men, 0.01% of women
#9f5a69 Deuteranomaly 6% of men, 0.4% of women
#cb3d55 Tritanomaly 0.01% of the population