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.
#4a6a67
Data
Red
74
Green
106
Blue
103
Hue
174°
White
29%
Black
58%
Saturation
18%
Lightness
35%
Brightness
38%
Tone = Grayish
Hue = 174°
3 digits
#577
#576
#575
#567
#566
#565
#557
#556
#555
#477
#476
#475
#467
#466
#465
#457
#456
#455
#377
#376
#375
#367
#366
#365
#357
#356
#355
Named
dimgray
darkslategray
seagreen
darkolivegreen
darkslateblue
slategray
gray
lightslategray
mediumseagreen
rebeccapurple
cadetblue
steelblue
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
-165 : 9
-150 : 24
-135 : 39
-120 : 54
-105 : 69
-90 : 84
-75 : 99
-60 : 114
-45 : 129
-30 : 144
-15 : 159
-10 : 164
-5 : 169
-2 : 172
±0 : 174
+2 : 176
+5 : 179
+10 : 184
+15 : 189
+30 : 204
+45 : 219
+60 : 234
+75 : 249
+90 : 264
+105 : 279
+120 : 294
+135 : 309
+150 : 324
+165 : 339
+180 : 354
Saturation
+82 : 100
+78 : 96
+74 : 92
+70 : 88
+66 : 84
+62 : 80
+58 : 76
+54 : 72
+50 : 68
+46 : 64
+42 : 60
+38 : 56
+34 : 52
+32 : 50
+30 : 48
+26 : 44
+22 : 40
+18 : 36
+14 : 32
+10 : 28
+6 : 24
+3 : 21
+2 : 20
±0 : 18
-2 : 16
-3 : 15
-6 : 12
-10 : 8
-14 : 4
-18 : 0
Lightness
+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
White
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 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
+181 : 255
+164 : 238
+147 : 221
+130 : 204
+113 : 187
+96 : 170
+79 : 153
+62 : 136
+45 : 119
+28 : 102
+11 : 85
+8 : 82
+4 : 78
+2 : 76
+1 : 75
±0 : 74
-1 : 73
-2 : 72
-4 : 70
-6 : 68
-8 : 66
-23 : 51
-40 : 34
-57 : 17
-74 : 0
Green
+149 : 255
+132 : 238
+115 : 221
+98 : 204
+81 : 187
+64 : 170
+47 : 153
+30 : 136
+13 : 119
+8 : 114
+4 : 110
+2 : 108
+1 : 107
±0 : 106
-1 : 105
-2 : 104
-4 : 102
-8 : 98
-21 : 85
-38 : 68
-55 : 51
-72 : 34
-89 : 17
-106 : 0
Blue
+152 : 255
+135 : 238
+118 : 221
+101 : 204
+84 : 187
+67 : 170
+50 : 153
+33 : 136
+16 : 119
+8 : 111
+4 : 107
+2 : 105
+1 : 104
±0 : 103
-1 : 102
-2 : 101
-4 : 99
-8 : 95
-18 : 85
-35 : 68
-52 : 51
-69 : 34
-86 : 17
-103 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000