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.
#242447
Data
Red
36
Green
36
Blue
71
Hue
240°
White
14%
Black
72%
Saturation
33%
Lightness
21%
Brightness
16%
Tone = Dark Grayish
Hue = 240°
3 digits
#335
#334
#333
#325
#324
#323
#315
#314
#313
#235
#234
#233
#225
#224
#223
#215
#214
#213
#135
#134
#133
#125
#124
#123
#115
#114
#113
Named
midnightblue
darkslategray
navy
indigo
darkslateblue
darkblue
black
darkolivegreen
darkgreen
dimgray
seagreen
rebeccapurple
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
-240 : 0
-225 : 15
-210 : 30
-195 : 45
-180 : 60
-165 : 75
-150 : 90
-135 : 105
-120 : 120
-105 : 135
-90 : 150
-75 : 165
-60 : 180
-45 : 195
-30 : 210
-15 : 225
-10 : 230
-5 : 235
-2 : 238
±0 : 240
+2 : 242
+5 : 245
+10 : 250
+15 : 255
+30 : 270
+45 : 285
+60 : 300
+75 : 315
+90 : 330
+105 : 345
Saturation
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
Lightness
+79 : 100
+75 : 96
+71 : 92
+67 : 88
+63 : 84
+59 : 80
+55 : 76
+51 : 72
+47 : 68
+43 : 64
+39 : 60
+35 : 56
+31 : 52
+29 : 50
+27 : 48
+23 : 44
+19 : 40
+15 : 36
+11 : 32
+7 : 28
+3 : 24
+2 : 23
±0 : 21
-1 : 20
-2 : 19
-3 : 18
-5 : 16
-9 : 12
-13 : 8
-17 : 4
-21 : 0
White
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
Black
-72 : 0
-68 : 4
-64 : 8
-60 : 12
-56 : 16
-52 : 20
-48 : 24
-44 : 28
-40 : 32
-36 : 36
-32 : 40
-28 : 44
-24 : 48
-22 : 50
-20 : 52
-16 : 56
-12 : 60
-8 : 64
-4 : 68
-3 : 69
-2 : 70
±0 : 72
+2 : 74
+3 : 75
+4 : 76
+8 : 80
+12 : 84
+16 : 88
+20 : 92
+24 : 96
+28 : 100
Red
+219 : 255
+202 : 238
+185 : 221
+168 : 204
+151 : 187
+134 : 170
+117 : 153
+100 : 136
+83 : 119
+66 : 102
+49 : 85
+32 : 68
+15 : 51
+8 : 44
+4 : 40
+2 : 38
+1 : 37
±0 : 36
-1 : 35
-2 : 34
-4 : 32
-8 : 28
-19 : 17
-36 : 0
Green
+219 : 255
+202 : 238
+185 : 221
+168 : 204
+151 : 187
+134 : 170
+117 : 153
+100 : 136
+83 : 119
+66 : 102
+49 : 85
+32 : 68
+15 : 51
+8 : 44
+4 : 40
+2 : 38
+1 : 37
±0 : 36
-1 : 35
-2 : 34
-4 : 32
-8 : 28
-19 : 17
-36 : 0
Blue
+184 : 255
+167 : 238
+150 : 221
+133 : 204
+116 : 187
+99 : 170
+82 : 153
+65 : 136
+48 : 119
+31 : 102
+14 : 85
+8 : 79
+4 : 75
+2 : 73
+1 : 72
±0 : 71
-1 : 70
-2 : 69
-3 : 68
-4 : 67
-8 : 63
-20 : 51
-37 : 34
-54 : 17
-71 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000