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.
#646160
Data
Red
100
Green
97
Blue
96
Hue
15°
White
38%
Black
61%
Saturation
2%
Lightness
38%
Brightness
38%
Tone = Grayish
Hue = 15°
3 digits
#777
#776
#775
#767
#766
#765
#757
#756
#755
#677
#676
#675
#667
#666
#665
#657
#656
#655
#577
#576
#575
#567
#566
#565
#557
#556
#555
Named
dimgray
darkolivegreen
gray
slategray
darkslategray
darkslateblue
seagreen
lightslategray
rebeccapurple
olivedrab
sienna
cadetblue
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
-15 : 0
-10 : 5
-5 : 10
-2 : 13
±0 : 15
+2 : 17
+5 : 20
+10 : 25
+15 : 30
+30 : 45
+45 : 60
+60 : 75
+75 : 90
+90 : 105
+105 : 120
+120 : 135
+135 : 150
+150 : 165
+165 : 180
+180 : 195
+195 : 210
+210 : 225
+225 : 240
+240 : 255
+255 : 270
+270 : 285
+285 : 300
+300 : 315
+315 : 330
+330 : 345
Saturation
+98 : 100
+94 : 96
+90 : 92
+86 : 88
+82 : 84
+78 : 80
+74 : 76
+70 : 72
+66 : 68
+62 : 64
+58 : 60
+54 : 56
+50 : 52
+48 : 50
+46 : 48
+42 : 44
+38 : 40
+34 : 36
+30 : 32
+26 : 28
+22 : 24
+18 : 20
+14 : 16
+10 : 12
+6 : 8
+3 : 5
+2 : 4
±0 : 2
-2 : 0
Lightness
+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
White
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 100
Black
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
Red
+155 : 255
+138 : 238
+121 : 221
+104 : 204
+87 : 187
+70 : 170
+53 : 153
+36 : 136
+19 : 119
+8 : 108
+4 : 104
+2 : 102
+1 : 101
±0 : 100
-1 : 99
-2 : 98
-4 : 96
-8 : 92
-15 : 85
-32 : 68
-49 : 51
-66 : 34
-83 : 17
-100 : 0
Green
+158 : 255
+141 : 238
+124 : 221
+107 : 204
+90 : 187
+73 : 170
+56 : 153
+39 : 136
+22 : 119
+8 : 105
+5 : 102
+4 : 101
+2 : 99
+1 : 98
±0 : 97
-1 : 96
-2 : 95
-4 : 93
-8 : 89
-12 : 85
-29 : 68
-46 : 51
-63 : 34
-80 : 17
-97 : 0
Blue
+159 : 255
+142 : 238
+125 : 221
+108 : 204
+91 : 187
+74 : 170
+57 : 153
+40 : 136
+23 : 119
+8 : 104
+6 : 102
+4 : 100
+2 : 98
+1 : 97
±0 : 96
-1 : 95
-2 : 94
-4 : 92
-8 : 88
-11 : 85
-28 : 68
-45 : 51
-62 : 34
-79 : 17
-96 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000