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.
#2f152a
Data
Red
47
Green
21
Blue
42
Hue
312°
White
8%
Black
82%
Saturation
38%
Lightness
13%
Brightness
12%
Tone = Dark Grayish
Hue = 312°
3 digits
#423
#422
#421
#413
#412
#411
#403
#402
#401
#323
#322
#321
#313
#312
#311
#303
#302
#301
#223
#222
#221
#213
#212
#211
#203
#202
#201
Named
black
darkslategray
midnightblue
maroon
darkolivegreen
indigo
navy
darkgreen
darkred
saddlebrown
darkslateblue
darkblue
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
-300 : 12
-285 : 27
-270 : 42
-255 : 57
-240 : 72
-225 : 87
-210 : 102
-195 : 117
-180 : 132
-165 : 147
-150 : 162
-135 : 177
-120 : 192
-105 : 207
-90 : 222
-75 : 237
-60 : 252
-45 : 267
-30 : 282
-15 : 297
-10 : 302
-5 : 307
-2 : 310
±0 : 312
+2 : 314
+5 : 317
+10 : 322
+15 : 327
+30 : 342
+45 : 357
Saturation
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
Lightness
+87 : 100
+83 : 96
+79 : 92
+75 : 88
+71 : 84
+67 : 80
+63 : 76
+59 : 72
+55 : 68
+51 : 64
+47 : 60
+43 : 56
+39 : 52
+37 : 50
+35 : 48
+31 : 44
+27 : 40
+23 : 36
+19 : 32
+15 : 28
+11 : 24
+7 : 20
+3 : 16
+2 : 15
±0 : 13
-1 : 12
-2 : 11
-3 : 10
-5 : 8
-9 : 4
-13 : 0
White
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Black
-82 : 0
-78 : 4
-74 : 8
-70 : 12
-66 : 16
-62 : 20
-58 : 24
-54 : 28
-50 : 32
-46 : 36
-42 : 40
-38 : 44
-34 : 48
-32 : 50
-30 : 52
-26 : 56
-22 : 60
-18 : 64
-14 : 68
-10 : 72
-6 : 76
-3 : 79
-2 : 80
±0 : 82
+2 : 84
+3 : 85
+6 : 88
+10 : 92
+14 : 96
+18 : 100
Red
+208 : 255
+191 : 238
+174 : 221
+157 : 204
+140 : 187
+123 : 170
+106 : 153
+89 : 136
+72 : 119
+55 : 102
+38 : 85
+21 : 68
+8 : 55
+4 : 51
+2 : 49
+1 : 48
±0 : 47
-1 : 46
-2 : 45
-4 : 43
-8 : 39
-13 : 34
-30 : 17
-47 : 0
Green
+234 : 255
+217 : 238
+200 : 221
+183 : 204
+166 : 187
+149 : 170
+132 : 153
+115 : 136
+98 : 119
+81 : 102
+64 : 85
+47 : 68
+30 : 51
+13 : 34
+8 : 29
+4 : 25
+2 : 23
+1 : 22
±0 : 21
-1 : 20
-2 : 19
-4 : 17
-8 : 13
-21 : 0
Blue
+213 : 255
+196 : 238
+179 : 221
+162 : 204
+145 : 187
+128 : 170
+111 : 153
+94 : 136
+77 : 119
+60 : 102
+43 : 85
+26 : 68
+9 : 51
+8 : 50
+4 : 46
+2 : 44
+1 : 43
±0 : 42
-1 : 41
-2 : 40
-4 : 38
-8 : 34
-25 : 17
-42 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000