colorhexa.com

#cb306f hex color

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

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

● #cb306f color description : Strong pink.

The hexadecimal color #cb306f has RGB values of R:203, G:48, B:111 and CMYK values of C:0, M:0.76, Y:0.45, K:0.2. Its decimal value is 13316207.

Hex triplet	cb306f	`#cb306f`
RGB Decimal	203, 48, 111	`rgb(203,48,111)`
RGB Percent	79.6, 18.8, 43.5	`rgb(79.6%,18.8%,43.5%)`
CMYK	0, 76, 45, 20
HSL	335.6°, 61.8, 49.2	`hsl(335.6,61.8%,49.2%)`
HSV (or HSB)	335.6°, 76.4, 79.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.923, 63.657, 1.613
XYZ	28.556, 15.961, 16.615
xyY	0.467, 0.261, 15.961
CIE-LCH	46.923, 63.678, 1.452
CIE-LUV	46.923, 98.55, -9.972
Hunter-Lab	39.951, 57.67, 3.308
Binary	11001011, 00110000, 01101111

#cb306f
```
#cb306f rgb(203,48,111)
```
#30cb8c
```
#30cb8c rgb(48,203,140)
```

Complementary Color

#cb30bd
```
#cb30bd rgb(203,48,189)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#cb3f30
```
#cb3f30 rgb(203,63,48)
```

Analogous Color

#30bdcb
```
#30bdcb rgb(48,189,203)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#30cb3f
```
#30cb3f rgb(48,203,63)
```

Split Complementary Color

#306fcb
```
#306fcb rgb(48,111,203)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#6fcb30
```
#6fcb30 rgb(111,203,48)
```

Triadic Color

#8c30cb
```
#8c30cb rgb(140,48,203)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#6fcb30
```
#6fcb30 rgb(111,203,48)
```
#30cb8c
```
#30cb8c rgb(48,203,140)
```

Tetradic Color

#8d214d
```
#8d214d rgb(141,33,77)
```
#a22658
```
#a22658 rgb(162,38,88)
```
#b62b64
```
#b62b64 rgb(182,43,100)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#d2427d
```
#d2427d rgb(210,66,125)
```
#d7578b
```
#d7578b rgb(215,87,139)
```
#dc6b99
```
#dc6b99 rgb(220,107,153)
```

Monochromatic Color

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

#cb3096
```
#cb3096 rgb(203,48,150)
```
#cb3089
```
#cb3089 rgb(203,48,137)
```
#cb307c
```
#cb307c rgb(203,48,124)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#cb3062
```
#cb3062 rgb(203,48,98)
```
#cb3055
```
#cb3055 rgb(203,48,85)
```
#cb3048
```
#cb3048 rgb(203,48,72)
```

Similar Colors

Text with hexadecimal color #cb306f

This text has a font color of #cb306f.

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

#cb306f background color

This paragraph has a background color of #cb306f.

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

#cb306f border color

This element has a border color of #cb306f.

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

CSS codes

.text {color:#cb306f;}

.background {background-color:#cb306f;}

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

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)
```
#1c0710
```
#1c0710 rgb(28,7,16)
```
#2c0a18
```
#2c0a18 rgb(44,10,24)
```
#3c0e21
```
#3c0e21 rgb(60,14,33)
```
#4c122a
```
#4c122a rgb(76,18,42)
```
#5c1632
```
#5c1632 rgb(92,22,50)
```
#6c193b
```
#6c193b rgb(108,25,59)
```
#7c1d44
```
#7c1d44 rgb(124,29,68)
```
#8c214c
```
#8c214c rgb(140,33,76)
```
#9b2555
```
#9b2555 rgb(155,37,85)
```
#ab285e
```
#ab285e rgb(171,40,94)
```
#bb2c66
```
#bb2c66 rgb(187,44,102)
```
#cb306f
```
#cb306f rgb(203,48,111)
```

Shade Color Variation

#d13d79
```
#d13d79 rgb(209,61,121)
```
#d54d84
```
#d54d84 rgb(213,77,132)
```
#d95d8f
```
#d95d8f rgb(217,93,143)
```
#dc6d9a
```
#dc6d9a rgb(220,109,154)
```
#e07da5
```
#e07da5 rgb(224,125,165)
```
#e48db0
```
#e48db0 rgb(228,141,176)
```
#e89dbb
```
#e89dbb rgb(232,157,187)
```
#ebacc6
```
#ebacc6 rgb(235,172,198)
```
#efbcd1
```
#efbcd1 rgb(239,188,209)
```
#f3ccdc
```
#f3ccdc rgb(243,204,220)
```
#f7dce7
```
#f7dce7 rgb(247,220,231)
```
#faecf2
```
#faecf2 rgb(250,236,242)
```
#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 #f20968 is the most saturated one.

#7e7d7d
```
#7e7d7d rgb(126,125,125)
```
#87747c
```
#87747c rgb(135,116,124)
```
#916a7a
```
#916a7a rgb(145,106,122)
```
#9b6078
```
#9b6078 rgb(155,96,120)
```
#a45776
```
#a45776 rgb(164,87,118)
```
#ae4d74
```
#ae4d74 rgb(174,77,116)
```
#b84373
```
#b84373 rgb(184,67,115)
```
#c13a71
```
#c13a71 rgb(193,58,113)
```
#cb306f
```
#cb306f rgb(203,48,111)
```
#d5266d
```
#d5266d rgb(213,38,109)
```
#de1d6b
```
#de1d6b rgb(222,29,107)
```
#e8136a
```
#e8136a rgb(232,19,106)
```
#f20968
```
#f20968 rgb(242,9,104)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7594 Protanopia 1% of men
#85726b Deuteranopia 1% of men
#ca464a Tritanopia 0.001% of the population

Trichromacy

#905c86 Protanomaly 1% of men, 0.01% of women
#9e5a6c Deuteranomaly 6% of men, 0.4% of women
#ca3e57 Tritanomaly 0.01% of the population