HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#b55a30
rgb(181, 90, 48)
hsl(19, 58%, 45%)
Lighter / Darker:
100% | #ffffff | |
95% | #faf0eb | |
90% | #f4e0d7 | |
85% | #efd1c3 | |
80% | #eac1ae | |
75% | #e4b29a | |
70% | #dfa286 | |
65% | #da9372 | |
60% | #d4835e | |
55% | #cf744a | |
50% | #c96436 | |
45% | #b55a30 | |
40% | #a1502b | |
35% | #8d4625 | |
30% | #793c20 | |
25% | #65321b | |
20% | #512815 | |
15% | #3c1e10 | |
10% | #28140b | |
5% | #140a05 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b53030 | rgb(181, 48, 48) | hsl(0, 58%, 45%) | |
15 | #b55130 | rgb(181, 81, 48) | hsl(15, 58%, 45%) | |
19 | #b55a30 | rgb(181, 90, 48) | hsl(19, 58%, 45%) | |
30 | #b57330 | rgb(181, 115, 48) | hsl(30, 58%, 45%) | |
45 | #b59430 | rgb(181, 148, 48) | hsl(45, 58%, 45%) | |
60 | #b5b530 | rgb(181, 181, 48) | hsl(60, 58%, 45%) | |
75 | #94b530 | rgb(148, 181, 48) | hsl(75, 58%, 45%) | |
90 | #73b530 | rgb(115, 181, 48) | hsl(90, 58%, 45%) | |
105 | #51b530 | rgb(81, 181, 48) | hsl(105, 58%, 45%) | |
120 | #30b530 | rgb(48, 181, 48) | hsl(120, 58%, 45%) | |
135 | #30b551 | rgb(48, 181, 81) | hsl(135, 58%, 45%) | |
150 | #30b573 | rgb(48, 181, 115) | hsl(150, 58%, 45%) | |
165 | #30b594 | rgb(48, 181, 148) | hsl(165, 58%, 45%) | |
180 | #30b5b5 | rgb(48, 181, 181) | hsl(180, 58%, 45%) | |
195 | #3094b5 | rgb(48, 148, 181) | hsl(195, 58%, 45%) | |
210 | #3073b5 | rgb(48, 115, 181) | hsl(210, 58%, 45%) | |
225 | #3051b5 | rgb(48, 81, 181) | hsl(225, 58%, 45%) | |
240 | #3030b5 | rgb(48, 48, 181) | hsl(240, 58%, 45%) | |
255 | #5130b5 | rgb(81, 48, 181) | hsl(255, 58%, 45%) | |
270 | #7330b5 | rgb(115, 48, 181) | hsl(270, 58%, 45%) | |
285 | #9430b5 | rgb(148, 48, 181) | hsl(285, 58%, 45%) | |
300 | #b530b5 | rgb(181, 48, 181) | hsl(300, 58%, 45%) | |
315 | #b53094 | rgb(181, 48, 148) | hsl(315, 58%, 45%) | |
330 | #b53073 | rgb(181, 48, 115) | hsl(330, 58%, 45%) | |
345 | #b53051 | rgb(181, 48, 81) | hsl(345, 58%, 45%) | |
360 | #b53030 | rgb(181, 48, 48) | hsl(0, 58%, 45%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #e64900 | rgb(230, 73, 0) | hsl(19, 100%, 45%) | |
95% | #e04b06 | rgb(224, 75, 6) | hsl(19, 95%, 45%) | |
90% | #da4d0b | rgb(218, 77, 11) | hsl(19, 90%, 45%) | |
85% | #d44f11 | rgb(212, 79, 17) | hsl(19, 85%, 45%) | |
80% | #cf5117 | rgb(207, 81, 23) | hsl(19, 80%, 45%) | |
75% | #c9531d | rgb(201, 83, 29) | hsl(19, 75%, 45%) | |
70% | #c35522 | rgb(195, 85, 34) | hsl(19, 70%, 45%) | |
65% | #bd5728 | rgb(189, 87, 40) | hsl(19, 65%, 45%) | |
60% | #b85a2e | rgb(184, 90, 46) | hsl(19, 60%, 45%) | |
58% | #b55a30 | rgb(181, 90, 48) | hsl(19, 58%, 45%) | |
55% | #b25c34 | rgb(178, 92, 52) | hsl(19, 55%, 45%) | |
50% | #ac5e39 | rgb(172, 94, 57) | hsl(19, 50%, 45%) | |
45% | #a6603f | rgb(166, 96, 63) | hsl(19, 45%, 45%) | |
40% | #a16245 | rgb(161, 98, 69) | hsl(19, 40%, 45%) | |
35% | #9b644b | rgb(155, 100, 75) | hsl(19, 35%, 45%) | |
30% | #956650 | rgb(149, 102, 80) | hsl(19, 30%, 45%) | |
25% | #8f6856 | rgb(143, 104, 86) | hsl(19, 25%, 45%) | |
20% | #8a6a5c | rgb(138, 106, 92) | hsl(19, 20%, 45%) | |
15% | #846c62 | rgb(132, 108, 98) | hsl(19, 15%, 45%) | |
10% | #7e6f67 | rgb(126, 111, 103) | hsl(19, 10%, 45%) | |
5% | #78716d | rgb(120, 113, 109) | hsl(19, 5%, 45%) | |
0% | #737373 | rgb(115, 115, 115) | hsl(19, 0%, 45%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(19, 58%, 100%) | |
95% | #faf0eb | rgb(250, 240, 235) | hsl(19, 58%, 95%) | |
90% | #f4e0d7 | rgb(244, 224, 215) | hsl(19, 58%, 90%) | |
85% | #efd1c3 | rgb(239, 209, 195) | hsl(19, 58%, 85%) | |
80% | #eac1ae | rgb(234, 193, 174) | hsl(19, 58%, 80%) | |
75% | #e4b29a | rgb(228, 178, 154) | hsl(19, 58%, 75%) | |
70% | #dfa286 | rgb(223, 162, 134) | hsl(19, 58%, 70%) | |
65% | #da9372 | rgb(218, 147, 114) | hsl(19, 58%, 65%) | |
60% | #d4835e | rgb(212, 131, 94) | hsl(19, 58%, 60%) | |
55% | #cf744a | rgb(207, 116, 74) | hsl(19, 58%, 55%) | |
50% | #c96436 | rgb(201, 100, 54) | hsl(19, 58%, 50%) | |
45% | #b55a30 | rgb(181, 90, 48) | hsl(19, 58%, 45%) | |
40% | #a1502b | rgb(161, 80, 43) | hsl(19, 58%, 40%) | |
35% | #8d4625 | rgb(141, 70, 37) | hsl(19, 58%, 35%) | |
30% | #793c20 | rgb(121, 60, 32) | hsl(19, 58%, 30%) | |
25% | #65321b | rgb(101, 50, 27) | hsl(19, 58%, 25%) | |
20% | #512815 | rgb(81, 40, 21) | hsl(19, 58%, 20%) | |
15% | #3c1e10 | rgb(60, 30, 16) | hsl(19, 58%, 15%) | |
10% | #28140b | rgb(40, 20, 11) | hsl(19, 58%, 10%) | |
5% | #140a05 | rgb(20, 10, 5) | hsl(19, 58%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(19, 58%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
181 | 90 | 48 |
rgb(181, 90, 48)
#b55a30
#b55a30