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.
#34366b
Data
Red
52
Green
54
Blue
107
Hue
238°
White
20%
Black
58%
Saturation
35%
Lightness
31%
Brightness
23%
Tone = Dark
Hue = 238°
3 digits
#447
#446
#445
#437
#436
#435
#427
#426
#425
#347
#346
#345
#337
#336
#335
#327
#326
#325
#247
#246
#245
#237
#236
#235
#227
#226
#225
Named
darkslategray
darkslateblue
midnightblue
indigo
rebeccapurple
dimgray
navy
darkblue
darkolivegreen
seagreen
teal
purple
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
-225 : 13
-210 : 28
-195 : 43
-180 : 58
-165 : 73
-150 : 88
-135 : 103
-120 : 118
-105 : 133
-90 : 148
-75 : 163
-60 : 178
-45 : 193
-30 : 208
-15 : 223
-10 : 228
-5 : 233
-2 : 236
±0 : 238
+2 : 240
+5 : 243
+10 : 248
+15 : 253
+30 : 268
+45 : 283
+60 : 298
+75 : 313
+90 : 328
+105 : 343
+120 : 358
Saturation
+65 : 100
+61 : 96
+57 : 92
+53 : 88
+49 : 84
+45 : 80
+41 : 76
+37 : 72
+33 : 68
+29 : 64
+25 : 60
+21 : 56
+17 : 52
+15 : 50
+13 : 48
+9 : 44
+5 : 40
+3 : 38
+2 : 37
+1 : 36
±0 : 35
-2 : 33
-3 : 32
-7 : 28
-11 : 24
-15 : 20
-19 : 16
-23 : 12
-27 : 8
-31 : 4
-35 : 0
Lightness
+69 : 100
+65 : 96
+61 : 92
+57 : 88
+53 : 84
+49 : 80
+45 : 76
+41 : 72
+37 : 68
+33 : 64
+29 : 60
+25 : 56
+21 : 52
+19 : 50
+17 : 48
+13 : 44
+9 : 40
+5 : 36
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-2 : 29
-3 : 28
-7 : 24
-11 : 20
-15 : 16
-19 : 12
-23 : 8
-27 : 4
-31 : 0
White
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
Black
-58 : 0
-54 : 4
-50 : 8
-46 : 12
-42 : 16
-38 : 20
-34 : 24
-30 : 28
-26 : 32
-22 : 36
-18 : 40
-14 : 44
-10 : 48
-8 : 50
-6 : 52
-3 : 55
-2 : 56
±0 : 58
+2 : 60
+3 : 61
+6 : 64
+10 : 68
+14 : 72
+18 : 76
+22 : 80
+26 : 84
+30 : 88
+34 : 92
+38 : 96
+42 : 100
Red
+203 : 255
+186 : 238
+169 : 221
+152 : 204
+135 : 187
+118 : 170
+101 : 153
+84 : 136
+67 : 119
+50 : 102
+33 : 85
+16 : 68
+8 : 60
+4 : 56
+2 : 54
+1 : 53
±0 : 52
-1 : 51
-2 : 50
-4 : 48
-8 : 44
-18 : 34
-35 : 17
-52 : 0
Green
+201 : 255
+184 : 238
+167 : 221
+150 : 204
+133 : 187
+116 : 170
+99 : 153
+82 : 136
+65 : 119
+48 : 102
+31 : 85
+14 : 68
+8 : 62
+4 : 58
+2 : 56
+1 : 55
±0 : 54
-1 : 53
-2 : 52
-3 : 51
-4 : 50
-8 : 46
-20 : 34
-37 : 17
-54 : 0
Blue
+148 : 255
+131 : 238
+114 : 221
+97 : 204
+80 : 187
+63 : 170
+46 : 153
+29 : 136
+12 : 119
+8 : 115
+4 : 111
+2 : 109
+1 : 108
±0 : 107
-1 : 106
-2 : 105
-4 : 103
-5 : 102
-8 : 99
-22 : 85
-39 : 68
-56 : 51
-73 : 34
-90 : 17
-107 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000