#bb307a hex color

In a RGB color space, hex #bb307a is composed of 73.3% red, 18.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 34.8% yellow and 26.7% black. It has a hue angle of 328.1 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb307a color hex could be obtained by blending #ff60f4 with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 19
- B 48
RGB color chart
- C 0
- M 74
- Y 35
- K 27
CMYK color chart

● #bb307a color description : Moderate pink.

The hexadecimal color #bb307a has RGB values of R:187, G:48, B:122 and CMYK values of C:0, M:0.74, Y:0.35, K:0.27. Its decimal value is 12267642.

Hex triplet	bb307a	`#bb307a`
RGB Decimal	187, 48, 122	`rgb(187,48,122)`
RGB Percent	73.3, 18.8, 47.8	`rgb(73.3%,18.8%,47.8%)`
CMYK	0, 74, 35, 27
HSL	328.1°, 59.1, 46.1	`hsl(328.1,59.1%,46.1%)`
HSV (or HSB)	328.1°, 74.3, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.356, 60.475, -9.266
XYZ	25.064, 14.086, 19.81
xyY	0.425, 0.239, 14.086
CIE-LCH	44.356, 61.18, 351.289
CIE-LUV	44.356, 81.364, -22.911
Hunter-Lab	37.532, 53.523, -5.023
Binary	10111011, 00110000, 01111010

#bb307a
```
#bb307a rgb(187,48,122)
```
#30bb71
```
#30bb71 rgb(48,187,113)
```

Complementary Color

#b730bb
```
#b730bb rgb(183,48,187)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#bb3035
```
#bb3035 rgb(187,48,53)
```

Analogous Color

#30bbb7
```
#30bbb7 rgb(48,187,183)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#35bb30
```
#35bb30 rgb(53,187,48)
```

Split Complementary Color

#307abb
```
#307abb rgb(48,122,187)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#7abb30
```
#7abb30 rgb(122,187,48)
```

Triadic Color

#7130bb
```
#7130bb rgb(113,48,187)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#7abb30
```
#7abb30 rgb(122,187,48)
```
#30bb71
```
#30bb71 rgb(48,187,113)
```

Tetradic Color

#7e2052
```
#7e2052 rgb(126,32,82)
```
#922660
```
#922660 rgb(146,38,96)
```
#a72b6d
```
#a72b6d rgb(167,43,109)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#cc3887
```
#cc3887 rgb(204,56,135)
```
#d14d93
```
#d14d93 rgb(209,77,147)
```
#d661a0
```
#d661a0 rgb(214,97,160)
```

Monochromatic Color

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

#bb309d
```
#bb309d rgb(187,48,157)
```
#bb3091
```
#bb3091 rgb(187,48,145)
```
#bb3086
```
#bb3086 rgb(187,48,134)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#bb306e
```
#bb306e rgb(187,48,110)
```
#bb3063
```
#bb3063 rgb(187,48,99)
```
#bb3057
```
#bb3057 rgb(187,48,87)
```

Similar Colors

Text with hexadecimal color #bb307a

This text has a font color of #bb307a.

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

#bb307a background color

This paragraph has a background color of #bb307a.

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

#bb307a border color

This element has a border color of #bb307a.

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

CSS codes

.text {color:#bb307a;}

.background {background-color:#bb307a;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1f0814
```
#1f0814 rgb(31,8,20)
```
#2f0c1e
```
#2f0c1e rgb(47,12,30)
```
#3e1029
```
#3e1029 rgb(62,16,41)
```
#4e1433
```
#4e1433 rgb(78,20,51)
```
#5d183d
```
#5d183d rgb(93,24,61)
```
#6d1c47
```
#6d1c47 rgb(109,28,71)
```
#7d2051
```
#7d2051 rgb(125,32,81)
```
#8c245b
```
#8c245b rgb(140,36,91)
```
#9c2866
```
#9c2866 rgb(156,40,102)
```
#ab2c70
```
#ab2c70 rgb(171,44,112)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#cb3484
```
#cb3484 rgb(203,52,132)
```

Shade Color Variation

#cf438e
```
#cf438e rgb(207,67,142)
```
#d35397
```
#d35397 rgb(211,83,151)
```
#d763a0
```
#d763a0 rgb(215,99,160)
```
#db72aa
```
#db72aa rgb(219,114,170)
```
#df82b3
```
#df82b3 rgb(223,130,179)
```
#e391bd
```
#e391bd rgb(227,145,189)
```
#e7a1c6
```
#e7a1c6 rgb(231,161,198)
```
#ebb1d0
```
#ebb1d0 rgb(235,177,208)
```
#efc0d9
```
#efc0d9 rgb(239,192,217)
```
#f3d0e3
```
#f3d0e3 rgb(243,208,227)
```
#f7dfec
```
#f7dfec rgb(247,223,236)
```
#fbeff5
```
#fbeff5 rgb(251,239,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c6f76
```
#7c6f76 rgb(124,111,118)
```
#856676
```
#856676 rgb(133,102,118)
```
#8e5d77
```
#8e5d77 rgb(142,93,119)
```
#975478
```
#975478 rgb(151,84,120)
```
#a04b78
```
#a04b78 rgb(160,75,120)
```
#a94279
```
#a94279 rgb(169,66,121)
```
#b23979
```
#b23979 rgb(178,57,121)
```
#bb307a
```
#bb307a rgb(187,48,122)
```
#c4277b
```
#c4277b rgb(196,39,123)
```
#cd1e7b
```
#cd1e7b rgb(205,30,123)
```
#d6157c
```
#d6157c rgb(214,21,124)
```
#df0c7c
```
#df0c7c rgb(223,12,124)
```
#e8037d
```
#e8037d rgb(232,3,125)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6f9f Protanopia 1% of men
#786d76 Deuteranopia 1% of men
#ba494d Tritanopia 0.001% of the population

Trichromacy

#805891 Protanomaly 1% of men, 0.01% of women
#905777 Deuteranomaly 6% of men, 0.4% of women
#ba405d Tritanomaly 0.01% of the population

#bb307a hex color

#bb307a Color Information

#bb307a Color Conversion

Color Schemes with #bb307a

Alternatives to #bb307a

#bb307a Preview

Shades and Tints of #bb307a

Tones of #bb307a

Color Blindness Simulator