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.
#552e4d
Data
Red
85
Green
46
Blue
77
Hue
312°
White
18%
Black
67%
Saturation
30%
Lightness
26%
Brightness
24%
Tone = Dark
Hue = 312°
3 digits
#646
#645
#644
#636
#635
#634
#626
#625
#624
#546
#545
#544
#536
#535
#534
#526
#525
#524
#446
#445
#444
#436
#435
#434
#426
#425
#424
Named
darkslategray
darkslateblue
darkolivegreen
dimgray
indigo
midnightblue
rebeccapurple
purple
saddlebrown
brown
sienna
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
-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
+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
+74 : 100
+70 : 96
+66 : 92
+62 : 88
+58 : 84
+54 : 80
+50 : 76
+46 : 72
+42 : 68
+38 : 64
+34 : 60
+30 : 56
+26 : 52
+24 : 50
+22 : 48
+18 : 44
+14 : 40
+10 : 36
+6 : 32
+3 : 29
+2 : 28
±0 : 26
-2 : 24
-3 : 23
-6 : 20
-10 : 16
-14 : 12
-18 : 8
-22 : 4
-26 : 0
White
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
Black
-67 : 0
-63 : 4
-59 : 8
-55 : 12
-51 : 16
-47 : 20
-43 : 24
-39 : 28
-35 : 32
-31 : 36
-27 : 40
-23 : 44
-19 : 48
-17 : 50
-15 : 52
-11 : 56
-7 : 60
-3 : 64
-2 : 65
±0 : 67
+1 : 68
+2 : 69
+3 : 70
+5 : 72
+9 : 76
+13 : 80
+17 : 84
+21 : 88
+25 : 92
+29 : 96
+33 : 100
Red
+170 : 255
+153 : 238
+136 : 221
+119 : 204
+102 : 187
+85 : 170
+68 : 153
+51 : 136
+34 : 119
+17 : 102
+8 : 93
+4 : 89
+2 : 87
+1 : 86
±0 : 85
-1 : 84
-2 : 83
-4 : 81
-8 : 77
-17 : 68
-34 : 51
-51 : 34
-68 : 17
-85 : 0
Green
+209 : 255
+192 : 238
+175 : 221
+158 : 204
+141 : 187
+124 : 170
+107 : 153
+90 : 136
+73 : 119
+56 : 102
+39 : 85
+22 : 68
+8 : 54
+5 : 51
+4 : 50
+2 : 48
+1 : 47
±0 : 46
-1 : 45
-2 : 44
-4 : 42
-8 : 38
-12 : 34
-29 : 17
-46 : 0
Blue
+178 : 255
+161 : 238
+144 : 221
+127 : 204
+110 : 187
+93 : 170
+76 : 153
+59 : 136
+42 : 119
+25 : 102
+8 : 85
+4 : 81
+2 : 79
+1 : 78
±0 : 77
-1 : 76
-2 : 75
-4 : 73
-8 : 69
-9 : 68
-26 : 51
-43 : 34
-60 : 17
-77 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000