HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#cfb095
rgb(207, 176, 149)
hsl(28, 38%, 70%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7f2ed | |
90% | #efe5dc | |
85% | #e7d8ca | |
80% | #dfcbb9 | |
75% | #d7bea7 | |
70% | #cfb095 | |
65% | #c8a384 | |
60% | #c09672 | |
55% | #b88961 | |
50% | #b07c4f | |
45% | #9e7047 | |
40% | #8d633f | |
35% | #7b5737 | |
30% | #6a4b2f | |
25% | #583e28 | |
20% | #463220 | |
15% | #352518 | |
10% | #231910 | |
5% | #120c08 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d09595 | rgb(208, 149, 149) | hsl(0, 38%, 70%) | |
15 | #d0a495 | rgb(208, 164, 149) | hsl(15, 38%, 70%) | |
28 | #cfb095 | rgb(207, 176, 149) | hsl(28, 38%, 70%) | |
30 | #d0b395 | rgb(208, 179, 149) | hsl(30, 38%, 70%) | |
45 | #d0c195 | rgb(208, 193, 149) | hsl(45, 38%, 70%) | |
60 | #d0d095 | rgb(208, 208, 149) | hsl(60, 38%, 70%) | |
75 | #c1d095 | rgb(193, 208, 149) | hsl(75, 38%, 70%) | |
90 | #b3d095 | rgb(179, 208, 149) | hsl(90, 38%, 70%) | |
105 | #a4d095 | rgb(164, 208, 149) | hsl(105, 38%, 70%) | |
120 | #95d095 | rgb(149, 208, 149) | hsl(120, 38%, 70%) | |
135 | #95d0a4 | rgb(149, 208, 164) | hsl(135, 38%, 70%) | |
150 | #95d0b3 | rgb(149, 208, 179) | hsl(150, 38%, 70%) | |
165 | #95d0c1 | rgb(149, 208, 193) | hsl(165, 38%, 70%) | |
180 | #95d0d0 | rgb(149, 208, 208) | hsl(180, 38%, 70%) | |
195 | #95c1d0 | rgb(149, 193, 208) | hsl(195, 38%, 70%) | |
210 | #95b3d0 | rgb(149, 179, 208) | hsl(210, 38%, 70%) | |
225 | #95a4d0 | rgb(149, 164, 208) | hsl(225, 38%, 70%) | |
240 | #9595d0 | rgb(149, 149, 208) | hsl(240, 38%, 70%) | |
255 | #a495d0 | rgb(164, 149, 208) | hsl(255, 38%, 70%) | |
270 | #b395d0 | rgb(179, 149, 208) | hsl(270, 38%, 70%) | |
285 | #c195d0 | rgb(193, 149, 208) | hsl(285, 38%, 70%) | |
300 | #d095d0 | rgb(208, 149, 208) | hsl(300, 38%, 70%) | |
315 | #d095c1 | rgb(208, 149, 193) | hsl(315, 38%, 70%) | |
330 | #d095b3 | rgb(208, 149, 179) | hsl(330, 38%, 70%) | |
345 | #d095a4 | rgb(208, 149, 164) | hsl(345, 38%, 70%) | |
360 | #d09595 | rgb(208, 149, 149) | hsl(0, 38%, 70%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffad66 | rgb(255, 173, 102) | hsl(28, 100%, 70%) | |
95% | #fbae6a | rgb(251, 174, 106) | hsl(28, 95%, 70%) | |
90% | #f7ae6e | rgb(247, 174, 110) | hsl(28, 90%, 70%) | |
85% | #f4ae71 | rgb(244, 174, 113) | hsl(28, 85%, 70%) | |
80% | #f0ae75 | rgb(240, 174, 117) | hsl(28, 80%, 70%) | |
75% | #ecaf79 | rgb(236, 175, 121) | hsl(28, 75%, 70%) | |
70% | #e8af7d | rgb(232, 175, 125) | hsl(28, 70%, 70%) | |
65% | #e4af81 | rgb(228, 175, 129) | hsl(28, 65%, 70%) | |
60% | #e0af85 | rgb(224, 175, 133) | hsl(28, 60%, 70%) | |
55% | #ddb088 | rgb(221, 176, 136) | hsl(28, 55%, 70%) | |
50% | #d9b08c | rgb(217, 176, 140) | hsl(28, 50%, 70%) | |
45% | #d5b090 | rgb(213, 176, 144) | hsl(28, 45%, 70%) | |
40% | #d1b094 | rgb(209, 176, 148) | hsl(28, 40%, 70%) | |
38% | #cfb095 | rgb(207, 176, 149) | hsl(28, 38%, 70%) | |
35% | #cdb198 | rgb(205, 177, 152) | hsl(28, 35%, 70%) | |
30% | #c9b19c | rgb(201, 177, 156) | hsl(28, 30%, 70%) | |
25% | #c6b19f | rgb(198, 177, 159) | hsl(28, 25%, 70%) | |
20% | #c2b1a3 | rgb(194, 177, 163) | hsl(28, 20%, 70%) | |
15% | #beb2a7 | rgb(190, 178, 167) | hsl(28, 15%, 70%) | |
10% | #bab2ab | rgb(186, 178, 171) | hsl(28, 10%, 70%) | |
5% | #b6b2af | rgb(182, 178, 175) | hsl(28, 5%, 70%) | |
0% | #b3b3b3 | rgb(179, 179, 179) | hsl(28, 0%, 70%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(28, 38%, 100%) | |
95% | #f7f2ed | rgb(247, 242, 237) | hsl(28, 38%, 95%) | |
90% | #efe5dc | rgb(239, 229, 220) | hsl(28, 38%, 90%) | |
85% | #e7d8ca | rgb(231, 216, 202) | hsl(28, 38%, 85%) | |
80% | #dfcbb9 | rgb(223, 203, 185) | hsl(28, 38%, 80%) | |
75% | #d7bea7 | rgb(215, 190, 167) | hsl(28, 38%, 75%) | |
70% | #cfb095 | rgb(207, 176, 149) | hsl(28, 38%, 70%) | |
65% | #c8a384 | rgb(200, 163, 132) | hsl(28, 38%, 65%) | |
60% | #c09672 | rgb(192, 150, 114) | hsl(28, 38%, 60%) | |
55% | #b88961 | rgb(184, 137, 97) | hsl(28, 38%, 55%) | |
50% | #b07c4f | rgb(176, 124, 79) | hsl(28, 38%, 50%) | |
45% | #9e7047 | rgb(158, 112, 71) | hsl(28, 38%, 45%) | |
40% | #8d633f | rgb(141, 99, 63) | hsl(28, 38%, 40%) | |
35% | #7b5737 | rgb(123, 87, 55) | hsl(28, 38%, 35%) | |
30% | #6a4b2f | rgb(106, 75, 47) | hsl(28, 38%, 30%) | |
25% | #583e28 | rgb(88, 62, 40) | hsl(28, 38%, 25%) | |
20% | #463220 | rgb(70, 50, 32) | hsl(28, 38%, 20%) | |
15% | #352518 | rgb(53, 37, 24) | hsl(28, 38%, 15%) | |
10% | #231910 | rgb(35, 25, 16) | hsl(28, 38%, 10%) | |
5% | #120c08 | rgb(18, 12, 8) | hsl(28, 38%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(28, 38%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
207 | 176 | 149 |
rgb(207, 176, 149)
#cfb095
#cfb095