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.
#4b9c8a
Data
Red
75
Green
156
Blue
138
Hue
167°
White
29%
Black
39%
Saturation
35%
Lightness
45%
Brightness
51%
Tone = Dull
Hue = 167°
3 digits
#5a9
#5a8
#5a7
#599
#598
#597
#589
#588
#587
#4a9
#4a8
#4a7
#499
#498
#497
#489
#488
#487
#3a9
#3a8
#3a7
#399
#398
#397
#389
#388
#387
Named
cadetblue
mediumseagreen
slategray
steelblue
lightslategray
lightseagreen
gray
seagreen
mediumaquamarine
dimgray
darkseagreen
darkcyan
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
-165 : 2
-150 : 17
-135 : 32
-120 : 47
-105 : 62
-90 : 77
-75 : 92
-60 : 107
-45 : 122
-30 : 137
-15 : 152
-10 : 157
-5 : 162
-2 : 165
±0 : 167
+2 : 169
+5 : 172
+10 : 177
+15 : 182
+30 : 197
+45 : 212
+60 : 227
+75 : 242
+90 : 257
+105 : 272
+120 : 287
+135 : 302
+150 : 317
+165 : 332
+180 : 347
Saturation
+65 : 100
+61 : 96
+57 : 92
+53 : 88
+49 : 84
+45 : 80
+41 : 76
+37 : 72
+33 : 68
+29 : 64
+25 : 60
+21 : 56
+17 : 52
+15 : 50
+13 : 48
+9 : 44
+5 : 40
+3 : 38
+2 : 37
+1 : 36
±0 : 35
-2 : 33
-3 : 32
-7 : 28
-11 : 24
-15 : 20
-19 : 16
-23 : 12
-27 : 8
-31 : 4
-35 : 0
Lightness
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
White
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 100
Black
-39 : 0
-35 : 4
-31 : 8
-27 : 12
-23 : 16
-19 : 20
-15 : 24
-11 : 28
-7 : 32
-3 : 36
-2 : 37
±0 : 39
+1 : 40
+2 : 41
+3 : 42
+5 : 44
+9 : 48
+11 : 50
+13 : 52
+17 : 56
+21 : 60
+25 : 64
+29 : 68
+33 : 72
+37 : 76
+41 : 80
+45 : 84
+49 : 88
+53 : 92
+57 : 96
+61 : 100
Red
+180 : 255
+163 : 238
+146 : 221
+129 : 204
+112 : 187
+95 : 170
+78 : 153
+61 : 136
+44 : 119
+27 : 102
+10 : 85
+8 : 83
+4 : 79
+2 : 77
+1 : 76
±0 : 75
-1 : 74
-2 : 73
-4 : 71
-7 : 68
-8 : 67
-24 : 51
-41 : 34
-58 : 17
-75 : 0
Green
+99 : 255
+82 : 238
+65 : 221
+48 : 204
+31 : 187
+14 : 170
+8 : 164
+4 : 160
+2 : 158
+1 : 157
±0 : 156
-1 : 155
-2 : 154
-3 : 153
-4 : 152
-8 : 148
-20 : 136
-37 : 119
-54 : 102
-71 : 85
-88 : 68
-105 : 51
-122 : 34
-139 : 17
-156 : 0
Blue
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000