HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#c3447a
rgb(195, 68, 122)
hsl(334, 51%, 52%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f9ecf1 | |
| 90% | #f3d8e4 | |
| 85% | #ecc5d6 | |
| 80% | #e6b2c9 | |
| 75% | #e09fbb | |
| 70% | #da8bad | |
| 65% | #d378a0 | |
| 60% | #cd6592 | |
| 55% | #c75284 | |
| 52% | #c3447a | |
| 50% | #c13e77 | |
| 45% | #ad386b | |
| 40% | #9a325f | |
| 35% | #872c53 | |
| 30% | #742547 | |
| 25% | #601f3b | |
| 20% | #4d1930 | |
| 15% | #3a1324 | |
| 10% | #270c18 | |
| 5% | #13060c | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #c34646 | rgb(195, 70, 70) | hsl(0, 51%, 52%) | |
| 15 | #c36546 | rgb(195, 101, 70) | hsl(15, 51%, 52%) | |
| 30 | #c38546 | rgb(195, 133, 70) | hsl(30, 51%, 52%) | |
| 45 | #c3a446 | rgb(195, 164, 70) | hsl(45, 51%, 52%) | |
| 60 | #c3c346 | rgb(195, 195, 70) | hsl(60, 51%, 52%) | |
| 75 | #a4c346 | rgb(164, 195, 70) | hsl(75, 51%, 52%) | |
| 90 | #85c346 | rgb(133, 195, 70) | hsl(90, 51%, 52%) | |
| 105 | #65c346 | rgb(101, 195, 70) | hsl(105, 51%, 52%) | |
| 120 | #46c346 | rgb(70, 195, 70) | hsl(120, 51%, 52%) | |
| 135 | #46c365 | rgb(70, 195, 101) | hsl(135, 51%, 52%) | |
| 150 | #46c385 | rgb(70, 195, 133) | hsl(150, 51%, 52%) | |
| 165 | #46c3a4 | rgb(70, 195, 164) | hsl(165, 51%, 52%) | |
| 180 | #46c3c3 | rgb(70, 195, 195) | hsl(180, 51%, 52%) | |
| 195 | #46a4c3 | rgb(70, 164, 195) | hsl(195, 51%, 52%) | |
| 210 | #4685c3 | rgb(70, 133, 195) | hsl(210, 51%, 52%) | |
| 225 | #4665c3 | rgb(70, 101, 195) | hsl(225, 51%, 52%) | |
| 240 | #4646c3 | rgb(70, 70, 195) | hsl(240, 51%, 52%) | |
| 255 | #6546c3 | rgb(101, 70, 195) | hsl(255, 51%, 52%) | |
| 270 | #8546c3 | rgb(133, 70, 195) | hsl(270, 51%, 52%) | |
| 285 | #a446c3 | rgb(164, 70, 195) | hsl(285, 51%, 52%) | |
| 300 | #c346c3 | rgb(195, 70, 195) | hsl(300, 51%, 52%) | |
| 315 | #c346a4 | rgb(195, 70, 164) | hsl(315, 51%, 52%) | |
| 330 | #c34685 | rgb(195, 70, 133) | hsl(330, 51%, 52%) | |
| 334 | #c3447a | rgb(195, 68, 122) | hsl(334, 51%, 52%) | |
| 345 | #c34665 | rgb(195, 70, 101) | hsl(345, 51%, 52%) | |
| 360 | #c34646 | rgb(195, 70, 70) | hsl(0, 51%, 52%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ff0a74 | rgb(255, 10, 116) | hsl(334, 100%, 52%) | |
| 95% | #f91075 | rgb(249, 16, 117) | hsl(334, 95%, 52%) | |
| 90% | #f31676 | rgb(243, 22, 118) | hsl(334, 90%, 52%) | |
| 85% | #ed1d77 | rgb(237, 29, 119) | hsl(334, 85%, 52%) | |
| 80% | #e72378 | rgb(231, 35, 120) | hsl(334, 80%, 52%) | |
| 75% | #e02978 | rgb(224, 41, 120) | hsl(334, 75%, 52%) | |
| 70% | #da2f79 | rgb(218, 47, 121) | hsl(334, 70%, 52%) | |
| 65% | #d4357a | rgb(212, 53, 122) | hsl(334, 65%, 52%) | |
| 60% | #ce3b7b | rgb(206, 59, 123) | hsl(334, 60%, 52%) | |
| 55% | #c8417c | rgb(200, 65, 124) | hsl(334, 55%, 52%) | |
| 51% | #c3447a | rgb(195, 68, 122) | hsl(334, 51%, 52%) | |
| 50% | #c2477c | rgb(194, 71, 124) | hsl(334, 50%, 52%) | |
| 45% | #bc4e7d | rgb(188, 78, 125) | hsl(334, 45%, 52%) | |
| 40% | #b6547e | rgb(182, 84, 126) | hsl(334, 40%, 52%) | |
| 35% | #af5a7f | rgb(175, 90, 127) | hsl(334, 35%, 52%) | |
| 30% | #a96080 | rgb(169, 96, 128) | hsl(334, 30%, 52%) | |
| 25% | #a36681 | rgb(163, 102, 129) | hsl(334, 25%, 52%) | |
| 20% | #9d6c81 | rgb(157, 108, 129) | hsl(334, 20%, 52%) | |
| 15% | #977282 | rgb(151, 114, 130) | hsl(334, 15%, 52%) | |
| 10% | #917883 | rgb(145, 120, 131) | hsl(334, 10%, 52%) | |
| 5% | #8b7e84 | rgb(139, 126, 132) | hsl(334, 5%, 52%) | |
| 0% | #858585 | rgb(133, 133, 133) | hsl(334, 0%, 52%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(334, 51%, 100%) | |
| 95% | #f9ecf1 | rgb(249, 236, 241) | hsl(334, 51%, 95%) | |
| 90% | #f3d8e4 | rgb(243, 216, 228) | hsl(334, 51%, 90%) | |
| 85% | #ecc5d6 | rgb(236, 197, 214) | hsl(334, 51%, 85%) | |
| 80% | #e6b2c9 | rgb(230, 178, 201) | hsl(334, 51%, 80%) | |
| 75% | #e09fbb | rgb(224, 159, 187) | hsl(334, 51%, 75%) | |
| 70% | #da8bad | rgb(218, 139, 173) | hsl(334, 51%, 70%) | |
| 65% | #d378a0 | rgb(211, 120, 160) | hsl(334, 51%, 65%) | |
| 60% | #cd6592 | rgb(205, 101, 146) | hsl(334, 51%, 60%) | |
| 55% | #c75284 | rgb(199, 82, 132) | hsl(334, 51%, 55%) | |
| 52% | #c3447a | rgb(195, 68, 122) | hsl(334, 51%, 52%) | |
| 50% | #c13e77 | rgb(193, 62, 119) | hsl(334, 51%, 50%) | |
| 45% | #ad386b | rgb(173, 56, 107) | hsl(334, 51%, 45%) | |
| 40% | #9a325f | rgb(154, 50, 95) | hsl(334, 51%, 40%) | |
| 35% | #872c53 | rgb(135, 44, 83) | hsl(334, 51%, 35%) | |
| 30% | #742547 | rgb(116, 37, 71) | hsl(334, 51%, 30%) | |
| 25% | #601f3b | rgb(96, 31, 59) | hsl(334, 51%, 25%) | |
| 20% | #4d1930 | rgb(77, 25, 48) | hsl(334, 51%, 20%) | |
| 15% | #3a1324 | rgb(58, 19, 36) | hsl(334, 51%, 15%) | |
| 10% | #270c18 | rgb(39, 12, 24) | hsl(334, 51%, 10%) | |
| 5% | #13060c | rgb(19, 6, 12) | hsl(334, 51%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(334, 51%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 195 | 68 | 122 |
rgb(195, 68, 122)
#c3447a
#c3447a
