HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#42bdcb
rgb(66, 189, 203)
hsl(186, 57%, 53%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #ebf8fa | |
| 90% | #d7f1f4 | |
| 85% | #c3eaef | |
| 80% | #afe3e9 | |
| 75% | #9bdce4 | |
| 70% | #87d5de | |
| 65% | #73ced9 | |
| 60% | #5fc8d3 | |
| 55% | #4bc1ce | |
| 53% | #42bdcb | |
| 50% | #37bac8 | |
| 45% | #31a7b4 | |
| 40% | #2c95a0 | |
| 35% | #26828c | |
| 30% | #216f78 | |
| 25% | #1b5d64 | |
| 20% | #164a50 | |
| 15% | #10383c | |
| 10% | #0b2528 | |
| 5% | #051314 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #cb4343 | rgb(203, 67, 67) | hsl(0, 57%, 53%) | |
| 15 | #cb6543 | rgb(203, 101, 67) | hsl(15, 57%, 53%) | |
| 30 | #cb8743 | rgb(203, 135, 67) | hsl(30, 57%, 53%) | |
| 45 | #cba943 | rgb(203, 169, 67) | hsl(45, 57%, 53%) | |
| 60 | #cbcb43 | rgb(203, 203, 67) | hsl(60, 57%, 53%) | |
| 75 | #a9cb43 | rgb(169, 203, 67) | hsl(75, 57%, 53%) | |
| 90 | #87cb43 | rgb(135, 203, 67) | hsl(90, 57%, 53%) | |
| 105 | #65cb43 | rgb(101, 203, 67) | hsl(105, 57%, 53%) | |
| 120 | #43cb43 | rgb(67, 203, 67) | hsl(120, 57%, 53%) | |
| 135 | #43cb65 | rgb(67, 203, 101) | hsl(135, 57%, 53%) | |
| 150 | #43cb87 | rgb(67, 203, 135) | hsl(150, 57%, 53%) | |
| 165 | #43cba9 | rgb(67, 203, 169) | hsl(165, 57%, 53%) | |
| 180 | #43cbcb | rgb(67, 203, 203) | hsl(180, 57%, 53%) | |
| 186 | #42bdcb | rgb(66, 189, 203) | hsl(186, 57%, 53%) | |
| 195 | #43a9cb | rgb(67, 169, 203) | hsl(195, 57%, 53%) | |
| 210 | #4387cb | rgb(67, 135, 203) | hsl(210, 57%, 53%) | |
| 225 | #4365cb | rgb(67, 101, 203) | hsl(225, 57%, 53%) | |
| 240 | #4343cb | rgb(67, 67, 203) | hsl(240, 57%, 53%) | |
| 255 | #6543cb | rgb(101, 67, 203) | hsl(255, 57%, 53%) | |
| 270 | #8743cb | rgb(135, 67, 203) | hsl(270, 57%, 53%) | |
| 285 | #a943cb | rgb(169, 67, 203) | hsl(285, 57%, 53%) | |
| 300 | #cb43cb | rgb(203, 67, 203) | hsl(300, 57%, 53%) | |
| 315 | #cb43a9 | rgb(203, 67, 169) | hsl(315, 57%, 53%) | |
| 330 | #cb4387 | rgb(203, 67, 135) | hsl(330, 57%, 53%) | |
| 345 | #cb4365 | rgb(203, 67, 101) | hsl(345, 57%, 53%) | |
| 360 | #cb4343 | rgb(203, 67, 67) | hsl(0, 57%, 53%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #0fe7ff | rgb(15, 231, 255) | hsl(186, 100%, 53%) | |
| 95% | #15e2f9 | rgb(21, 226, 249) | hsl(186, 95%, 53%) | |
| 90% | #1bddf3 | rgb(27, 221, 243) | hsl(186, 90%, 53%) | |
| 85% | #21d9ed | rgb(33, 217, 237) | hsl(186, 85%, 53%) | |
| 80% | #27d4e7 | rgb(39, 212, 231) | hsl(186, 80%, 53%) | |
| 75% | #2dcfe1 | rgb(45, 207, 225) | hsl(186, 75%, 53%) | |
| 70% | #33cadb | rgb(51, 202, 219) | hsl(186, 70%, 53%) | |
| 65% | #39c5d5 | rgb(57, 197, 213) | hsl(186, 65%, 53%) | |
| 60% | #3fc1cf | rgb(63, 193, 207) | hsl(186, 60%, 53%) | |
| 57% | #42bdcb | rgb(66, 189, 203) | hsl(186, 57%, 53%) | |
| 55% | #45bcc9 | rgb(69, 188, 201) | hsl(186, 55%, 53%) | |
| 50% | #4bb7c3 | rgb(75, 183, 195) | hsl(186, 50%, 53%) | |
| 45% | #51b2bd | rgb(81, 178, 189) | hsl(186, 45%, 53%) | |
| 40% | #57aeb7 | rgb(87, 174, 183) | hsl(186, 40%, 53%) | |
| 35% | #5da9b1 | rgb(93, 169, 177) | hsl(186, 35%, 53%) | |
| 30% | #63a4ab | rgb(99, 164, 171) | hsl(186, 30%, 53%) | |
| 25% | #699fa5 | rgb(105, 159, 165) | hsl(186, 25%, 53%) | |
| 20% | #6f9a9f | rgb(111, 154, 159) | hsl(186, 20%, 53%) | |
| 15% | #759699 | rgb(117, 150, 153) | hsl(186, 15%, 53%) | |
| 10% | #7b9193 | rgb(123, 145, 147) | hsl(186, 10%, 53%) | |
| 5% | #818c8d | rgb(129, 140, 141) | hsl(186, 5%, 53%) | |
| 0% | #878787 | rgb(135, 135, 135) | hsl(186, 0%, 53%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(186, 57%, 100%) | |
| 95% | #ebf8fa | rgb(235, 248, 250) | hsl(186, 57%, 95%) | |
| 90% | #d7f1f4 | rgb(215, 241, 244) | hsl(186, 57%, 90%) | |
| 85% | #c3eaef | rgb(195, 234, 239) | hsl(186, 57%, 85%) | |
| 80% | #afe3e9 | rgb(175, 227, 233) | hsl(186, 57%, 80%) | |
| 75% | #9bdce4 | rgb(155, 220, 228) | hsl(186, 57%, 75%) | |
| 70% | #87d5de | rgb(135, 213, 222) | hsl(186, 57%, 70%) | |
| 65% | #73ced9 | rgb(115, 206, 217) | hsl(186, 57%, 65%) | |
| 60% | #5fc8d3 | rgb(95, 200, 211) | hsl(186, 57%, 60%) | |
| 55% | #4bc1ce | rgb(75, 193, 206) | hsl(186, 57%, 55%) | |
| 53% | #42bdcb | rgb(66, 189, 203) | hsl(186, 57%, 53%) | |
| 50% | #37bac8 | rgb(55, 186, 200) | hsl(186, 57%, 50%) | |
| 45% | #31a7b4 | rgb(49, 167, 180) | hsl(186, 57%, 45%) | |
| 40% | #2c95a0 | rgb(44, 149, 160) | hsl(186, 57%, 40%) | |
| 35% | #26828c | rgb(38, 130, 140) | hsl(186, 57%, 35%) | |
| 30% | #216f78 | rgb(33, 111, 120) | hsl(186, 57%, 30%) | |
| 25% | #1b5d64 | rgb(27, 93, 100) | hsl(186, 57%, 25%) | |
| 20% | #164a50 | rgb(22, 74, 80) | hsl(186, 57%, 20%) | |
| 15% | #10383c | rgb(16, 56, 60) | hsl(186, 57%, 15%) | |
| 10% | #0b2528 | rgb(11, 37, 40) | hsl(186, 57%, 10%) | |
| 5% | #051314 | rgb(5, 19, 20) | hsl(186, 57%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(186, 57%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 66 | 189 | 203 |
rgb(66, 189, 203)
#42bdcb
#42bdcb
