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.
#451739
Data
Red
69
Green
23
Blue
57
Hue
316°
White
9%
Black
73%
Saturation
50%
Lightness
18%
Brightness
16%
Tone = Dark Grayish
Hue = 316°
3 digits
#524
#523
#522
#514
#513
#512
#504
#503
#502
#424
#423
#422
#414
#413
#412
#404
#403
#402
#324
#323
#322
#314
#313
#312
#304
#303
#302
Named
darkslategray
midnightblue
indigo
maroon
darkolivegreen
darkslateblue
saddlebrown
black
darkred
purple
brown
dimgray
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
-315 : 1
-300 : 16
-285 : 31
-270 : 46
-255 : 61
-240 : 76
-225 : 91
-210 : 106
-195 : 121
-180 : 136
-165 : 151
-150 : 166
-135 : 181
-120 : 196
-105 : 211
-90 : 226
-75 : 241
-60 : 256
-45 : 271
-30 : 286
-15 : 301
-10 : 306
-5 : 311
-2 : 314
±0 : 316
+2 : 318
+5 : 321
+10 : 326
+15 : 331
+30 : 346
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
+82 : 100
+78 : 96
+74 : 92
+70 : 88
+66 : 84
+62 : 80
+58 : 76
+54 : 72
+50 : 68
+46 : 64
+42 : 60
+38 : 56
+34 : 52
+32 : 50
+30 : 48
+26 : 44
+22 : 40
+18 : 36
+14 : 32
+10 : 28
+6 : 24
+3 : 21
+2 : 20
±0 : 18
-2 : 16
-3 : 15
-6 : 12
-10 : 8
-14 : 4
-18 : 0
White
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Black
-73 : 0
-69 : 4
-65 : 8
-61 : 12
-57 : 16
-53 : 20
-49 : 24
-45 : 28
-41 : 32
-37 : 36
-33 : 40
-29 : 44
-25 : 48
-23 : 50
-21 : 52
-17 : 56
-13 : 60
-9 : 64
-5 : 68
-3 : 70
-2 : 71
-1 : 72
±0 : 73
+2 : 75
+3 : 76
+7 : 80
+11 : 84
+15 : 88
+19 : 92
+23 : 96
+27 : 100
Red
+186 : 255
+169 : 238
+152 : 221
+135 : 204
+118 : 187
+101 : 170
+84 : 153
+67 : 136
+50 : 119
+33 : 102
+16 : 85
+8 : 77
+4 : 73
+2 : 71
+1 : 70
±0 : 69
-1 : 68
-2 : 67
-4 : 65
-8 : 61
-18 : 51
-35 : 34
-52 : 17
-69 : 0
Green
+232 : 255
+215 : 238
+198 : 221
+181 : 204
+164 : 187
+147 : 170
+130 : 153
+113 : 136
+96 : 119
+79 : 102
+62 : 85
+45 : 68
+28 : 51
+11 : 34
+8 : 31
+4 : 27
+2 : 25
+1 : 24
±0 : 23
-1 : 22
-2 : 21
-4 : 19
-6 : 17
-8 : 15
-23 : 0
Blue
+198 : 255
+181 : 238
+164 : 221
+147 : 204
+130 : 187
+113 : 170
+96 : 153
+79 : 136
+62 : 119
+45 : 102
+28 : 85
+11 : 68
+8 : 65
+4 : 61
+2 : 59
+1 : 58
±0 : 57
-1 : 56
-2 : 55
-4 : 53
-6 : 51
-8 : 49
-23 : 34
-40 : 17
-57 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000