HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bfd641
rgb(191, 214, 65)
hsl(69, 65%, 55%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f8fbea | |
| 90% | #f1f6d5 | |
| 85% | #eaf2c0 | |
| 80% | #e3edab | |
| 75% | #dce996 | |
| 70% | #d5e481 | |
| 65% | #cee06c | |
| 60% | #c7db57 | |
| 55% | #bfd641 | |
| 50% | #bad22d | |
| 45% | #a7bd28 | |
| 40% | #94a824 | |
| 35% | #82931f | |
| 30% | #6f7e1b | |
| 25% | #5d6916 | |
| 20% | #4a5412 | |
| 15% | #383f0d | |
| 10% | #252a09 | |
| 5% | #131504 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #d74242 | rgb(215, 66, 66) | hsl(0, 65%, 55%) | |
| 15 | #d76742 | rgb(215, 103, 66) | hsl(15, 65%, 55%) | |
| 30 | #d78c42 | rgb(215, 140, 66) | hsl(30, 65%, 55%) | |
| 45 | #d7b242 | rgb(215, 178, 66) | hsl(45, 65%, 55%) | |
| 60 | #d7d742 | rgb(215, 215, 66) | hsl(60, 65%, 55%) | |
| 69 | #bfd641 | rgb(191, 214, 65) | hsl(69, 65%, 55%) | |
| 75 | #b2d742 | rgb(178, 215, 66) | hsl(75, 65%, 55%) | |
| 90 | #8cd742 | rgb(140, 215, 66) | hsl(90, 65%, 55%) | |
| 105 | #67d742 | rgb(103, 215, 66) | hsl(105, 65%, 55%) | |
| 120 | #42d742 | rgb(66, 215, 66) | hsl(120, 65%, 55%) | |
| 135 | #42d767 | rgb(66, 215, 103) | hsl(135, 65%, 55%) | |
| 150 | #42d78c | rgb(66, 215, 140) | hsl(150, 65%, 55%) | |
| 165 | #42d7b2 | rgb(66, 215, 178) | hsl(165, 65%, 55%) | |
| 180 | #42d7d7 | rgb(66, 215, 215) | hsl(180, 65%, 55%) | |
| 195 | #42b2d7 | rgb(66, 178, 215) | hsl(195, 65%, 55%) | |
| 210 | #428cd7 | rgb(66, 140, 215) | hsl(210, 65%, 55%) | |
| 225 | #4267d7 | rgb(66, 103, 215) | hsl(225, 65%, 55%) | |
| 240 | #4242d7 | rgb(66, 66, 215) | hsl(240, 65%, 55%) | |
| 255 | #6742d7 | rgb(103, 66, 215) | hsl(255, 65%, 55%) | |
| 270 | #8c42d7 | rgb(140, 66, 215) | hsl(270, 65%, 55%) | |
| 285 | #b242d7 | rgb(178, 66, 215) | hsl(285, 65%, 55%) | |
| 300 | #d742d7 | rgb(215, 66, 215) | hsl(300, 65%, 55%) | |
| 315 | #d742b2 | rgb(215, 66, 178) | hsl(315, 65%, 55%) | |
| 330 | #d7428c | rgb(215, 66, 140) | hsl(330, 65%, 55%) | |
| 345 | #d74267 | rgb(215, 66, 103) | hsl(345, 65%, 55%) | |
| 360 | #d74242 | rgb(215, 66, 66) | hsl(0, 65%, 55%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ddff1a | rgb(221, 255, 26) | hsl(69, 100%, 55%) | |
| 95% | #d9f91f | rgb(217, 249, 31) | hsl(69, 95%, 55%) | |
| 90% | #d5f425 | rgb(213, 244, 37) | hsl(69, 90%, 55%) | |
| 85% | #d1ee2b | rgb(209, 238, 43) | hsl(69, 85%, 55%) | |
| 80% | #cde830 | rgb(205, 232, 48) | hsl(69, 80%, 55%) | |
| 75% | #c8e236 | rgb(200, 226, 54) | hsl(69, 75%, 55%) | |
| 70% | #c4dd3c | rgb(196, 221, 60) | hsl(69, 70%, 55%) | |
| 65% | #bfd641 | rgb(191, 214, 65) | hsl(69, 65%, 55%) | |
| 60% | #bcd147 | rgb(188, 209, 71) | hsl(69, 60%, 55%) | |
| 55% | #b8cb4d | rgb(184, 203, 77) | hsl(69, 55%, 55%) | |
| 50% | #b4c653 | rgb(180, 198, 83) | hsl(69, 50%, 55%) | |
| 45% | #b0c059 | rgb(176, 192, 89) | hsl(69, 45%, 55%) | |
| 40% | #acba5e | rgb(172, 186, 94) | hsl(69, 40%, 55%) | |
| 35% | #a8b464 | rgb(168, 180, 100) | hsl(69, 35%, 55%) | |
| 30% | #a4af6a | rgb(164, 175, 106) | hsl(69, 30%, 55%) | |
| 25% | #a0a970 | rgb(160, 169, 112) | hsl(69, 25%, 55%) | |
| 20% | #9ca375 | rgb(156, 163, 117) | hsl(69, 20%, 55%) | |
| 15% | #989d7b | rgb(152, 157, 123) | hsl(69, 15%, 55%) | |
| 10% | #949881 | rgb(148, 152, 129) | hsl(69, 10%, 55%) | |
| 5% | #909287 | rgb(144, 146, 135) | hsl(69, 5%, 55%) | |
| 0% | #8c8c8c | rgb(140, 140, 140) | hsl(69, 0%, 55%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(69, 65%, 100%) | |
| 95% | #f8fbea | rgb(248, 251, 234) | hsl(69, 65%, 95%) | |
| 90% | #f1f6d5 | rgb(241, 246, 213) | hsl(69, 65%, 90%) | |
| 85% | #eaf2c0 | rgb(234, 242, 192) | hsl(69, 65%, 85%) | |
| 80% | #e3edab | rgb(227, 237, 171) | hsl(69, 65%, 80%) | |
| 75% | #dce996 | rgb(220, 233, 150) | hsl(69, 65%, 75%) | |
| 70% | #d5e481 | rgb(213, 228, 129) | hsl(69, 65%, 70%) | |
| 65% | #cee06c | rgb(206, 224, 108) | hsl(69, 65%, 65%) | |
| 60% | #c7db57 | rgb(199, 219, 87) | hsl(69, 65%, 60%) | |
| 55% | #bfd641 | rgb(191, 214, 65) | hsl(69, 65%, 55%) | |
| 50% | #bad22d | rgb(186, 210, 45) | hsl(69, 65%, 50%) | |
| 45% | #a7bd28 | rgb(167, 189, 40) | hsl(69, 65%, 45%) | |
| 40% | #94a824 | rgb(148, 168, 36) | hsl(69, 65%, 40%) | |
| 35% | #82931f | rgb(130, 147, 31) | hsl(69, 65%, 35%) | |
| 30% | #6f7e1b | rgb(111, 126, 27) | hsl(69, 65%, 30%) | |
| 25% | #5d6916 | rgb(93, 105, 22) | hsl(69, 65%, 25%) | |
| 20% | #4a5412 | rgb(74, 84, 18) | hsl(69, 65%, 20%) | |
| 15% | #383f0d | rgb(56, 63, 13) | hsl(69, 65%, 15%) | |
| 10% | #252a09 | rgb(37, 42, 9) | hsl(69, 65%, 10%) | |
| 5% | #131504 | rgb(19, 21, 4) | hsl(69, 65%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(69, 65%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 191 | 214 | 65 |
rgb(191, 214, 65)
#bfd641
#bfd641
