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.
#5ac8a2
Data
Red
90
Green
200
Blue
162
Hue
159°
White
35%
Black
22%
Saturation
50%
Lightness
57%
Brightness
64%
Tone = Soft
Hue = 159°
3 digits
#6db
#6da
#6d9
#6cb
#6ca
#6c9
#6bb
#6ba
#6b9
#5db
#5da
#5d9
#5cb
#5ca
#5c9
#5bb
#5ba
#5b9
#4db
#4da
#4d9
#4cb
#4ca
#4c9
#4bb
#4ba
#4b9
Named
mediumaquamarine
cadetblue
mediumturquoise
darkseagreen
turquoise
mediumseagreen
lightseagreen
lightgreen
lightslategray
steelblue
slategray
palegreen
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
-150 : 9
-135 : 24
-120 : 39
-105 : 54
-90 : 69
-75 : 84
-60 : 99
-45 : 114
-30 : 129
-15 : 144
-10 : 149
-5 : 154
-2 : 157
±0 : 159
+2 : 161
+5 : 164
+10 : 169
+15 : 174
+30 : 189
+45 : 204
+60 : 219
+75 : 234
+90 : 249
+105 : 264
+120 : 279
+135 : 294
+150 : 309
+165 : 324
+180 : 339
+195 : 354
Saturation
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
Lightness
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
White
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
Black
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
Red
+165 : 255
+148 : 238
+131 : 221
+114 : 204
+97 : 187
+80 : 170
+63 : 153
+46 : 136
+29 : 119
+12 : 102
+8 : 98
+4 : 94
+2 : 92
+1 : 91
±0 : 90
-1 : 89
-2 : 88
-4 : 86
-5 : 85
-8 : 82
-22 : 68
-39 : 51
-56 : 34
-73 : 17
-90 : 0
Green
+55 : 255
+38 : 238
+21 : 221
+8 : 208
+4 : 204
+2 : 202
+1 : 201
±0 : 200
-1 : 199
-2 : 198
-4 : 196
-8 : 192
-13 : 187
-30 : 170
-47 : 153
-64 : 136
-81 : 119
-98 : 102
-115 : 85
-132 : 68
-149 : 51
-166 : 34
-183 : 17
-200 : 0
Blue
+93 : 255
+76 : 238
+59 : 221
+42 : 204
+25 : 187
+8 : 170
+4 : 166
+2 : 164
+1 : 163
±0 : 162
-1 : 161
-2 : 160
-4 : 158
-8 : 154
-9 : 153
-26 : 136
-43 : 119
-60 : 102
-77 : 85
-94 : 68
-111 : 51
-128 : 34
-145 : 17
-162 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000