Color Picker
The background color will temporarily change when you hover the mouse cursor over it.
When you change the color, copy the color code to the clipboard.
#3faeb7
Data
Red
63
Green
174
Blue
183
Hue
185°
White
25%
Black
28%
Saturation
49%
Lightness
48%
Brightness
56%
Tone = Dull
Hue = 185°
3 digits
#5bc
#5bb
#5ba
#5ac
#5ab
#5aa
#59c
#59b
#59a
#4bc
#4bb
#4ba
#4ac
#4ab
#4aa
#49c
#49b
#49a
#3bc
#3bb
#3ba
#3ac
#3ab
#3aa
#39c
#39b
#39a
Named
lightseagreen
mediumturquoise
cadetblue
steelblue
mediumaquamarine
turquoise
cornflowerblue
mediumseagreen
lightslategray
darkturquoise
slategray
royalblue
Color Harmony
Analogous ±30°
Analogous ±30°
±60°
±60°
Square ±90°
Square ±90°
Triadic ±120°
Triadic ±120°
Split Complementary
Split Complementary
Complementary
Invert
White × Black
Hue × Saturation
Hue × Lightness
Hue Saturation Lightness White Black
Hue
-180 : 5
-165 : 20
-150 : 35
-135 : 50
-120 : 65
-105 : 80
-90 : 95
-75 : 110
-60 : 125
-45 : 140
-30 : 155
-15 : 170
-10 : 175
-5 : 180
-2 : 183
±0 : 185
+2 : 187
+5 : 190
+10 : 195
+15 : 200
+30 : 215
+45 : 230
+60 : 245
+75 : 260
+90 : 275
+105 : 290
+120 : 305
+135 : 320
+150 : 335
+165 : 350
Saturation
+51 : 100
+47 : 96
+43 : 92
+39 : 88
+35 : 84
+31 : 80
+27 : 76
+23 : 72
+19 : 68
+15 : 64
+11 : 60
+7 : 56
+3 : 52
+2 : 51
+1 : 50
±0 : 49
-1 : 48
-2 : 47
-3 : 46
-5 : 44
-9 : 40
-13 : 36
-17 : 32
-21 : 28
-25 : 24
-29 : 20
-33 : 16
-37 : 12
-41 : 8
-45 : 4
-49 : 0
Lightness
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
White
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
Black
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
Red
+192 : 255
+175 : 238
+158 : 221
+141 : 204
+124 : 187
+107 : 170
+90 : 153
+73 : 136
+56 : 119
+39 : 102
+22 : 85
+8 : 71
+5 : 68
+4 : 67
+2 : 65
+1 : 64
±0 : 63
-1 : 62
-2 : 61
-4 : 59
-8 : 55
-12 : 51
-29 : 34
-46 : 17
-63 : 0
Green
+81 : 255
+64 : 238
+47 : 221
+30 : 204
+13 : 187
+8 : 182
+4 : 178
+2 : 176
+1 : 175
±0 : 174
-1 : 173
-2 : 172
-4 : 170
-8 : 166
-21 : 153
-38 : 136
-55 : 119
-72 : 102
-89 : 85
-106 : 68
-123 : 51
-140 : 34
-157 : 17
-174 : 0
Blue
+72 : 255
+55 : 238
+38 : 221
+21 : 204
+8 : 191
+4 : 187
+2 : 185
+1 : 184
±0 : 183
-1 : 182
-2 : 181
-4 : 179
-8 : 175
-13 : 170
-30 : 153
-47 : 136
-64 : 119
-81 : 102
-98 : 85
-115 : 68
-132 : 51
-149 : 34
-166 : 17
-183 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000