HTML Color Picker

❮ Previous Next ❯

Pick a Color:

colormap

Or Enter a Color:

Or Use HTML5:

Selected Color:

Black Text

Shadow

White Text

Shadow

DarkSlateGray

#2f4f4f

rgb(47, 79, 79)

hsl(180, 25%, 25%)

Lighter / Darker:

100%		#ffffff
95%		#eff5f5
90%		#dfecec
85%		#cfe2e2
80%		#bfd9d9
75%		#afcfcf
70%		#9fc6c6
65%		#8fbcbc
60%		#80b3b3
55%		#70a9a9
50%		#609f9f
45%		#568f8f
40%		#4d8080
35%		#437070
30%		#396060

25%		#2f4f4f

20%		#264040
15%		#1d3030
10%		#132020
5%		#0a1010
0%		#000000

Hue

	hue	Hex	Rgb	Hsl
	0	#503030	rgb(80, 48, 48)	hsl(0, 25%, 25%)
	15	#503830	rgb(80, 56, 48)	hsl(15, 25%, 25%)
	30	#504030	rgb(80, 64, 48)	hsl(30, 25%, 25%)
	45	#504830	rgb(80, 72, 48)	hsl(45, 25%, 25%)
	60	#505030	rgb(80, 80, 48)	hsl(60, 25%, 25%)
	75	#485030	rgb(72, 80, 48)	hsl(75, 25%, 25%)
	90	#405030	rgb(64, 80, 48)	hsl(90, 25%, 25%)
	105	#385030	rgb(56, 80, 48)	hsl(105, 25%, 25%)
	120	#305030	rgb(48, 80, 48)	hsl(120, 25%, 25%)
	135	#305038	rgb(48, 80, 56)	hsl(135, 25%, 25%)
	150	#305040	rgb(48, 80, 64)	hsl(150, 25%, 25%)
	165	#305048	rgb(48, 80, 72)	hsl(165, 25%, 25%)
	180	#2f4f4f	rgb(47, 79, 79)	hsl(180, 25%, 25%)
	195	#304850	rgb(48, 72, 80)	hsl(195, 25%, 25%)
	210	#304050	rgb(48, 64, 80)	hsl(210, 25%, 25%)
	225	#303850	rgb(48, 56, 80)	hsl(225, 25%, 25%)
	240	#303050	rgb(48, 48, 80)	hsl(240, 25%, 25%)
	255	#383050	rgb(56, 48, 80)	hsl(255, 25%, 25%)
	270	#403050	rgb(64, 48, 80)	hsl(270, 25%, 25%)
	285	#483050	rgb(72, 48, 80)	hsl(285, 25%, 25%)
	300	#503050	rgb(80, 48, 80)	hsl(300, 25%, 25%)
	315	#503048	rgb(80, 48, 72)	hsl(315, 25%, 25%)
	330	#503040	rgb(80, 48, 64)	hsl(330, 25%, 25%)
	345	#503038	rgb(80, 48, 56)	hsl(345, 25%, 25%)
	360	#503030	rgb(80, 48, 48)	hsl(0, 25%, 25%)

Saturation

	sat	Hex	Rgb	Hsl
	100%	#008080	rgb(0, 128, 128)	hsl(180, 100%, 25%)
	95%	#037c7c	rgb(3, 124, 124)	hsl(180, 95%, 25%)
	90%	#067979	rgb(6, 121, 121)	hsl(180, 90%, 25%)
	85%	#0a7676	rgb(10, 118, 118)	hsl(180, 85%, 25%)
	80%	#0d7373	rgb(13, 115, 115)	hsl(180, 80%, 25%)
	75%	#107070	rgb(16, 112, 112)	hsl(180, 75%, 25%)
	70%	#136c6c	rgb(19, 108, 108)	hsl(180, 70%, 25%)
	65%	#166969	rgb(22, 105, 105)	hsl(180, 65%, 25%)
	60%	#196666	rgb(25, 102, 102)	hsl(180, 60%, 25%)
	55%	#1d6363	rgb(29, 99, 99)	hsl(180, 55%, 25%)
	50%	#206060	rgb(32, 96, 96)	hsl(180, 50%, 25%)
	45%	#235c5c	rgb(35, 92, 92)	hsl(180, 45%, 25%)
	40%	#265959	rgb(38, 89, 89)	hsl(180, 40%, 25%)
	35%	#295656	rgb(41, 86, 86)	hsl(180, 35%, 25%)
	30%	#2d5353	rgb(45, 83, 83)	hsl(180, 30%, 25%)
	25%	#2f4f4f	rgb(47, 79, 79)	hsl(180, 25%, 25%)
	20%	#334d4d	rgb(51, 77, 77)	hsl(180, 20%, 25%)
	15%	#364949	rgb(54, 73, 73)	hsl(180, 15%, 25%)
	10%	#394646	rgb(57, 70, 70)	hsl(180, 10%, 25%)
	5%	#3d4343	rgb(61, 67, 67)	hsl(180, 5%, 25%)
	0%	#404040	rgb(64, 64, 64)	hsl(180, 0%, 25%)

Lightness

	light	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(180, 25%, 100%)
	95%	#eff5f5	rgb(239, 245, 245)	hsl(180, 25%, 95%)
	90%	#dfecec	rgb(223, 236, 236)	hsl(180, 25%, 90%)
	85%	#cfe2e2	rgb(207, 226, 226)	hsl(180, 25%, 85%)
	80%	#bfd9d9	rgb(191, 217, 217)	hsl(180, 25%, 80%)
	75%	#afcfcf	rgb(175, 207, 207)	hsl(180, 25%, 75%)
	70%	#9fc6c6	rgb(159, 198, 198)	hsl(180, 25%, 70%)
	65%	#8fbcbc	rgb(143, 188, 188)	hsl(180, 25%, 65%)
	60%	#80b3b3	rgb(128, 179, 179)	hsl(180, 25%, 60%)
	55%	#70a9a9	rgb(112, 169, 169)	hsl(180, 25%, 55%)
	50%	#609f9f	rgb(96, 159, 159)	hsl(180, 25%, 50%)
	45%	#568f8f	rgb(86, 143, 143)	hsl(180, 25%, 45%)
	40%	#4d8080	rgb(77, 128, 128)	hsl(180, 25%, 40%)
	35%	#437070	rgb(67, 112, 112)	hsl(180, 25%, 35%)
	30%	#396060	rgb(57, 96, 96)	hsl(180, 25%, 30%)
	25%	#2f4f4f	rgb(47, 79, 79)	hsl(180, 25%, 25%)
	20%	#264040	rgb(38, 64, 64)	hsl(180, 25%, 20%)
	15%	#1d3030	rgb(29, 48, 48)	hsl(180, 25%, 15%)
	10%	#132020	rgb(19, 32, 32)	hsl(180, 25%, 10%)
	5%	#0a1010	rgb(10, 16, 16)	hsl(180, 25%, 5%)
	0%	#000000	rgb(0, 0, 0)	hsl(180, 25%, 0%)

RGB (Red, Green, Blue)

Red	Green	Blue
47	79	79

rgb(47, 79, 79)

#2f4f4f

❮ Previous Next ❯

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.