HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bb2649
rgb(187, 38, 73)
hsl(346, 66%, 44%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbeaee | |
90% | #f6d5dd | |
85% | #f2c0cb | |
80% | #eeaaba | |
75% | #e995a9 | |
70% | #e58098 | |
65% | #e16b86 | |
60% | #dc5675 | |
55% | #d84164 | |
50% | #d42b53 | |
45% | #be274a | |
44% | #bb2649 | |
40% | #a92342 | |
35% | #941e3a | |
30% | #7f1a32 | |
25% | #6a1629 | |
20% | #551121 | |
15% | #3f0d19 | |
10% | #2a0911 | |
5% | #150408 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ba2626 | rgb(186, 38, 38) | hsl(0, 66%, 44%) | |
15 | #ba4b26 | rgb(186, 75, 38) | hsl(15, 66%, 44%) | |
30 | #ba7026 | rgb(186, 112, 38) | hsl(30, 66%, 44%) | |
45 | #ba9526 | rgb(186, 149, 38) | hsl(45, 66%, 44%) | |
60 | #baba26 | rgb(186, 186, 38) | hsl(60, 66%, 44%) | |
75 | #95ba26 | rgb(149, 186, 38) | hsl(75, 66%, 44%) | |
90 | #70ba26 | rgb(112, 186, 38) | hsl(90, 66%, 44%) | |
105 | #4bba26 | rgb(75, 186, 38) | hsl(105, 66%, 44%) | |
120 | #26ba26 | rgb(38, 186, 38) | hsl(120, 66%, 44%) | |
135 | #26ba4b | rgb(38, 186, 75) | hsl(135, 66%, 44%) | |
150 | #26ba70 | rgb(38, 186, 112) | hsl(150, 66%, 44%) | |
165 | #26ba95 | rgb(38, 186, 149) | hsl(165, 66%, 44%) | |
180 | #26baba | rgb(38, 186, 186) | hsl(180, 66%, 44%) | |
195 | #2695ba | rgb(38, 149, 186) | hsl(195, 66%, 44%) | |
210 | #2670ba | rgb(38, 112, 186) | hsl(210, 66%, 44%) | |
225 | #264bba | rgb(38, 75, 186) | hsl(225, 66%, 44%) | |
240 | #2626ba | rgb(38, 38, 186) | hsl(240, 66%, 44%) | |
255 | #4b26ba | rgb(75, 38, 186) | hsl(255, 66%, 44%) | |
270 | #7026ba | rgb(112, 38, 186) | hsl(270, 66%, 44%) | |
285 | #9526ba | rgb(149, 38, 186) | hsl(285, 66%, 44%) | |
300 | #ba26ba | rgb(186, 38, 186) | hsl(300, 66%, 44%) | |
315 | #ba2695 | rgb(186, 38, 149) | hsl(315, 66%, 44%) | |
330 | #ba2670 | rgb(186, 38, 112) | hsl(330, 66%, 44%) | |
345 | #ba264b | rgb(186, 38, 75) | hsl(345, 66%, 44%) | |
346 | #bb2649 | rgb(187, 38, 73) | hsl(346, 66%, 44%) | |
360 | #ba2626 | rgb(186, 38, 38) | hsl(0, 66%, 44%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #e00034 | rgb(224, 0, 52) | hsl(346, 100%, 44%) | |
95% | #db0637 | rgb(219, 6, 55) | hsl(346, 95%, 44%) | |
90% | #d50b3a | rgb(213, 11, 58) | hsl(346, 90%, 44%) | |
85% | #d0113d | rgb(208, 17, 61) | hsl(346, 85%, 44%) | |
80% | #ca1640 | rgb(202, 22, 64) | hsl(346, 80%, 44%) | |
75% | #c41c43 | rgb(196, 28, 67) | hsl(346, 75%, 44%) | |
70% | #bf2246 | rgb(191, 34, 70) | hsl(346, 70%, 44%) | |
66% | #bb2649 | rgb(187, 38, 73) | hsl(346, 66%, 44%) | |
65% | #b92749 | rgb(185, 39, 73) | hsl(346, 65%, 44%) | |
60% | #b42d4c | rgb(180, 45, 76) | hsl(346, 60%, 44%) | |
55% | #ae324f | rgb(174, 50, 79) | hsl(346, 55%, 44%) | |
50% | #a83852 | rgb(168, 56, 82) | hsl(346, 50%, 44%) | |
45% | #a33e55 | rgb(163, 62, 85) | hsl(346, 45%, 44%) | |
40% | #9d4358 | rgb(157, 67, 88) | hsl(346, 40%, 44%) | |
35% | #97495b | rgb(151, 73, 91) | hsl(346, 35%, 44%) | |
30% | #924f5e | rgb(146, 79, 94) | hsl(346, 30%, 44%) | |
25% | #8c5461 | rgb(140, 84, 97) | hsl(346, 25%, 44%) | |
20% | #875a64 | rgb(135, 90, 100) | hsl(346, 20%, 44%) | |
15% | #815f67 | rgb(129, 95, 103) | hsl(346, 15%, 44%) | |
10% | #7b656a | rgb(123, 101, 106) | hsl(346, 10%, 44%) | |
5% | #766b6d | rgb(118, 107, 109) | hsl(346, 5%, 44%) | |
0% | #707070 | rgb(112, 112, 112) | hsl(346, 0%, 44%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(346, 66%, 100%) | |
95% | #fbeaee | rgb(251, 234, 238) | hsl(346, 66%, 95%) | |
90% | #f6d5dd | rgb(246, 213, 221) | hsl(346, 66%, 90%) | |
85% | #f2c0cb | rgb(242, 192, 203) | hsl(346, 66%, 85%) | |
80% | #eeaaba | rgb(238, 170, 186) | hsl(346, 66%, 80%) | |
75% | #e995a9 | rgb(233, 149, 169) | hsl(346, 66%, 75%) | |
70% | #e58098 | rgb(229, 128, 152) | hsl(346, 66%, 70%) | |
65% | #e16b86 | rgb(225, 107, 134) | hsl(346, 66%, 65%) | |
60% | #dc5675 | rgb(220, 86, 117) | hsl(346, 66%, 60%) | |
55% | #d84164 | rgb(216, 65, 100) | hsl(346, 66%, 55%) | |
50% | #d42b53 | rgb(212, 43, 83) | hsl(346, 66%, 50%) | |
45% | #be274a | rgb(190, 39, 74) | hsl(346, 66%, 45%) | |
44% | #bb2649 | rgb(187, 38, 73) | hsl(346, 66%, 44%) | |
40% | #a92342 | rgb(169, 35, 66) | hsl(346, 66%, 40%) | |
35% | #941e3a | rgb(148, 30, 58) | hsl(346, 66%, 35%) | |
30% | #7f1a32 | rgb(127, 26, 50) | hsl(346, 66%, 30%) | |
25% | #6a1629 | rgb(106, 22, 41) | hsl(346, 66%, 25%) | |
20% | #551121 | rgb(85, 17, 33) | hsl(346, 66%, 20%) | |
15% | #3f0d19 | rgb(63, 13, 25) | hsl(346, 66%, 15%) | |
10% | #2a0911 | rgb(42, 9, 17) | hsl(346, 66%, 10%) | |
5% | #150408 | rgb(21, 4, 8) | hsl(346, 66%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(346, 66%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
187 | 38 | 73 |
rgb(187, 38, 73)
#bb2649
#bb2649