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.
#56c5de
Data
Red
86
Green
197
Blue
222
Hue
191°
White
34%
Black
13%
Saturation
67%
Lightness
60%
Brightness
65%
Tone = Soft
Hue = 191°
3 digits
#6de
#6dd
#6dc
#6ce
#6cd
#6cc
#6be
#6bd
#6bc
#5de
#5dd
#5dc
#5ce
#5cd
#5cc
#5be
#5bd
#5bc
#4de
#4dd
#4dc
#4ce
#4cd
#4cc
#4be
#4bd
#4bc
Named
mediumturquoise
turquoise
skyblue
cornflowerblue
mediumaquamarine
lightskyblue
aquamarine
cadetblue
lightseagreen
steelblue
dodgerblue
darkturquoise
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 : 11
-165 : 26
-150 : 41
-135 : 56
-120 : 71
-105 : 86
-90 : 101
-75 : 116
-60 : 131
-45 : 146
-30 : 161
-15 : 176
-10 : 181
-5 : 186
-2 : 189
±0 : 191
+2 : 193
+5 : 196
+10 : 201
+15 : 206
+30 : 221
+45 : 236
+60 : 251
+75 : 266
+90 : 281
+105 : 296
+120 : 311
+135 : 326
+150 : 341
+165 : 356
Saturation
+33 : 100
+29 : 96
+25 : 92
+21 : 88
+17 : 84
+13 : 80
+9 : 76
+5 : 72
+3 : 70
+2 : 69
+1 : 68
±0 : 67
-2 : 65
-3 : 64
-7 : 60
-11 : 56
-15 : 52
-17 : 50
-19 : 48
-23 : 44
-27 : 40
-31 : 36
-35 : 32
-39 : 28
-43 : 24
-47 : 20
-51 : 16
-55 : 12
-59 : 8
-63 : 4
-67 : 0
Lightness
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
White
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
Black
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
Red
+169 : 255
+152 : 238
+135 : 221
+118 : 204
+101 : 187
+84 : 170
+67 : 153
+50 : 136
+33 : 119
+16 : 102
+8 : 94
+4 : 90
+2 : 88
+1 : 87
±0 : 86
-1 : 85
-2 : 84
-4 : 82
-8 : 78
-18 : 68
-35 : 51
-52 : 34
-69 : 17
-86 : 0
Green
+58 : 255
+41 : 238
+24 : 221
+8 : 205
+7 : 204
+4 : 201
+2 : 199
+1 : 198
±0 : 197
-1 : 196
-2 : 195
-4 : 193
-8 : 189
-10 : 187
-27 : 170
-44 : 153
-61 : 136
-78 : 119
-95 : 102
-112 : 85
-129 : 68
-146 : 51
-163 : 34
-180 : 17
-197 : 0
Blue
+33 : 255
+16 : 238
+8 : 230
+4 : 226
+2 : 224
+1 : 223
±0 : 222
-1 : 221
-2 : 220
-4 : 218
-8 : 214
-18 : 204
-35 : 187
-52 : 170
-69 : 153
-86 : 136
-103 : 119
-120 : 102
-137 : 85
-154 : 68
-171 : 51
-188 : 34
-205 : 17
-222 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000