HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bd3d3a
rgb(189, 61, 58)
hsl(1, 53%, 48%)
Lighter / Darker:
100% | #ffffff | |
95% | #f9eceb | |
90% | #f3d8d8 | |
85% | #edc5c4 | |
80% | #e7b2b1 | |
75% | #e19f9d | |
70% | #db8b8a | |
65% | #d57876 | |
60% | #cf6563 | |
55% | #c9514f | |
50% | #c33e3c | |
48% | #bd3d3a | |
45% | #b03836 | |
40% | #9c3230 | |
35% | #892c2a | |
30% | #752524 | |
25% | #621f1e | |
20% | #4e1918 | |
15% | #3b1312 | |
10% | #270c0c | |
5% | #140606 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bb3a3a | rgb(187, 58, 58) | hsl(0, 53%, 48%) | |
1 | #bd3d3a | rgb(189, 61, 58) | hsl(1, 53%, 48%) | |
15 | #bb5a3a | rgb(187, 90, 58) | hsl(15, 53%, 48%) | |
30 | #bb7a3a | rgb(187, 122, 58) | hsl(30, 53%, 48%) | |
45 | #bb9b3a | rgb(187, 155, 58) | hsl(45, 53%, 48%) | |
60 | #bbbb3a | rgb(187, 187, 58) | hsl(60, 53%, 48%) | |
75 | #9bbb3a | rgb(155, 187, 58) | hsl(75, 53%, 48%) | |
90 | #7abb3a | rgb(122, 187, 58) | hsl(90, 53%, 48%) | |
105 | #5abb3a | rgb(90, 187, 58) | hsl(105, 53%, 48%) | |
120 | #3abb3a | rgb(58, 187, 58) | hsl(120, 53%, 48%) | |
135 | #3abb5a | rgb(58, 187, 90) | hsl(135, 53%, 48%) | |
150 | #3abb7a | rgb(58, 187, 122) | hsl(150, 53%, 48%) | |
165 | #3abb9b | rgb(58, 187, 155) | hsl(165, 53%, 48%) | |
180 | #3abbbb | rgb(58, 187, 187) | hsl(180, 53%, 48%) | |
195 | #3a9bbb | rgb(58, 155, 187) | hsl(195, 53%, 48%) | |
210 | #3a7abb | rgb(58, 122, 187) | hsl(210, 53%, 48%) | |
225 | #3a5abb | rgb(58, 90, 187) | hsl(225, 53%, 48%) | |
240 | #3a3abb | rgb(58, 58, 187) | hsl(240, 53%, 48%) | |
255 | #5a3abb | rgb(90, 58, 187) | hsl(255, 53%, 48%) | |
270 | #7a3abb | rgb(122, 58, 187) | hsl(270, 53%, 48%) | |
285 | #9b3abb | rgb(155, 58, 187) | hsl(285, 53%, 48%) | |
300 | #bb3abb | rgb(187, 58, 187) | hsl(300, 53%, 48%) | |
315 | #bb3a9b | rgb(187, 58, 155) | hsl(315, 53%, 48%) | |
330 | #bb3a7a | rgb(187, 58, 122) | hsl(330, 53%, 48%) | |
345 | #bb3a5a | rgb(187, 58, 90) | hsl(345, 53%, 48%) | |
360 | #bb3a3a | rgb(187, 58, 58) | hsl(0, 53%, 48%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #f50400 | rgb(245, 4, 0) | hsl(1, 100%, 48%) | |
95% | #ef0a06 | rgb(239, 10, 6) | hsl(1, 95%, 48%) | |
90% | #e9100c | rgb(233, 16, 12) | hsl(1, 90%, 48%) | |
85% | #e21612 | rgb(226, 22, 18) | hsl(1, 85%, 48%) | |
80% | #dc1c18 | rgb(220, 28, 24) | hsl(1, 80%, 48%) | |
75% | #d6221f | rgb(214, 34, 31) | hsl(1, 75%, 48%) | |
70% | #d02825 | rgb(208, 40, 37) | hsl(1, 70%, 48%) | |
65% | #ca2d2b | rgb(202, 45, 43) | hsl(1, 65%, 48%) | |
60% | #c43331 | rgb(196, 51, 49) | hsl(1, 60%, 48%) | |
55% | #be3937 | rgb(190, 57, 55) | hsl(1, 55%, 48%) | |
53% | #bd3d3a | rgb(189, 61, 58) | hsl(1, 53%, 48%) | |
50% | #b83f3d | rgb(184, 63, 61) | hsl(1, 50%, 48%) | |
45% | #b14543 | rgb(177, 69, 67) | hsl(1, 45%, 48%) | |
40% | #ab4b49 | rgb(171, 75, 73) | hsl(1, 40%, 48%) | |
35% | #a55150 | rgb(165, 81, 80) | hsl(1, 35%, 48%) | |
30% | #9f5756 | rgb(159, 87, 86) | hsl(1, 30%, 48%) | |
25% | #995d5c | rgb(153, 93, 92) | hsl(1, 25%, 48%) | |
20% | #936362 | rgb(147, 99, 98) | hsl(1, 20%, 48%) | |
15% | #8d6968 | rgb(141, 105, 104) | hsl(1, 15%, 48%) | |
10% | #876f6e | rgb(135, 111, 110) | hsl(1, 10%, 48%) | |
5% | #817474 | rgb(129, 116, 116) | hsl(1, 5%, 48%) | |
0% | #7a7a7a | rgb(122, 122, 122) | hsl(1, 0%, 48%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(1, 53%, 100%) | |
95% | #f9eceb | rgb(249, 236, 235) | hsl(1, 53%, 95%) | |
90% | #f3d8d8 | rgb(243, 216, 216) | hsl(1, 53%, 90%) | |
85% | #edc5c4 | rgb(237, 197, 196) | hsl(1, 53%, 85%) | |
80% | #e7b2b1 | rgb(231, 178, 177) | hsl(1, 53%, 80%) | |
75% | #e19f9d | rgb(225, 159, 157) | hsl(1, 53%, 75%) | |
70% | #db8b8a | rgb(219, 139, 138) | hsl(1, 53%, 70%) | |
65% | #d57876 | rgb(213, 120, 118) | hsl(1, 53%, 65%) | |
60% | #cf6563 | rgb(207, 101, 99) | hsl(1, 53%, 60%) | |
55% | #c9514f | rgb(201, 81, 79) | hsl(1, 53%, 55%) | |
50% | #c33e3c | rgb(195, 62, 60) | hsl(1, 53%, 50%) | |
48% | #bd3d3a | rgb(189, 61, 58) | hsl(1, 53%, 48%) | |
45% | #b03836 | rgb(176, 56, 54) | hsl(1, 53%, 45%) | |
40% | #9c3230 | rgb(156, 50, 48) | hsl(1, 53%, 40%) | |
35% | #892c2a | rgb(137, 44, 42) | hsl(1, 53%, 35%) | |
30% | #752524 | rgb(117, 37, 36) | hsl(1, 53%, 30%) | |
25% | #621f1e | rgb(98, 31, 30) | hsl(1, 53%, 25%) | |
20% | #4e1918 | rgb(78, 25, 24) | hsl(1, 53%, 20%) | |
15% | #3b1312 | rgb(59, 19, 18) | hsl(1, 53%, 15%) | |
10% | #270c0c | rgb(39, 12, 12) | hsl(1, 53%, 10%) | |
5% | #140606 | rgb(20, 6, 6) | hsl(1, 53%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(1, 53%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
189 | 61 | 58 |
rgb(189, 61, 58)
#bd3d3a
#bd3d3a