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.
#784153
Data
Red
120
Green
65
Blue
83
Hue
340°
White
25%
Black
53%
Saturation
30%
Lightness
36%
Brightness
33%
Tone = Grayish
Hue = 340°
3 digits
#856
#855
#854
#846
#845
#844
#836
#835
#834
#756
#755
#754
#746
#745
#744
#736
#735
#734
#656
#655
#654
#646
#645
#644
#636
#635
#634
Named
dimgray
sienna
brown
darkolivegreen
saddlebrown
rebeccapurple
darkslateblue
darkslategray
gray
purple
firebrick
darkmagenta
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
-330 : 10
-315 : 25
-300 : 40
-285 : 55
-270 : 70
-255 : 85
-240 : 100
-225 : 115
-210 : 130
-195 : 145
-180 : 160
-165 : 175
-150 : 190
-135 : 205
-120 : 220
-105 : 235
-90 : 250
-75 : 265
-60 : 280
-45 : 295
-30 : 310
-15 : 325
-10 : 330
-5 : 335
-2 : 338
±0 : 340
+2 : 342
+5 : 345
+10 : 350
+15 : 355
Saturation
+70 : 100
+66 : 96
+62 : 92
+58 : 88
+54 : 84
+50 : 80
+46 : 76
+42 : 72
+38 : 68
+34 : 64
+30 : 60
+26 : 56
+22 : 52
+20 : 50
+18 : 48
+14 : 44
+10 : 40
+6 : 36
+3 : 33
+2 : 32
±0 : 30
-2 : 28
-3 : 27
-6 : 24
-10 : 20
-14 : 16
-18 : 12
-22 : 8
-26 : 4
-30 : 0
Lightness
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 0
White
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
Black
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
Red
+135 : 255
+118 : 238
+101 : 221
+84 : 204
+67 : 187
+50 : 170
+33 : 153
+16 : 136
+8 : 128
+4 : 124
+2 : 122
+1 : 121
±0 : 120
-1 : 119
-2 : 118
-4 : 116
-8 : 112
-18 : 102
-35 : 85
-52 : 68
-69 : 51
-86 : 34
-103 : 17
-120 : 0
Green
+190 : 255
+173 : 238
+156 : 221
+139 : 204
+122 : 187
+105 : 170
+88 : 153
+71 : 136
+54 : 119
+37 : 102
+20 : 85
+8 : 73
+4 : 69
+3 : 68
+2 : 67
+1 : 66
±0 : 65
-1 : 64
-2 : 63
-4 : 61
-8 : 57
-14 : 51
-31 : 34
-48 : 17
-65 : 0
Blue
+172 : 255
+155 : 238
+138 : 221
+121 : 204
+104 : 187
+87 : 170
+70 : 153
+53 : 136
+36 : 119
+19 : 102
+8 : 91
+4 : 87
+2 : 85
+1 : 84
±0 : 83
-1 : 82
-2 : 81
-4 : 79
-8 : 75
-15 : 68
-32 : 51
-49 : 34
-66 : 17
-83 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000