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.
#193138
Data
Red
25
Green
49
Blue
56
Hue
194°
White
10%
Black
78%
Saturation
38%
Lightness
16%
Brightness
17%
Tone = Dark Grayish
Hue = 194°
3 digits
#244
#243
#242
#234
#233
#232
#224
#223
#222
#144
#143
#142
#134
#133
#132
#124
#123
#122
#044
#043
#042
#034
#033
#032
#024
#023
#022
Named
darkslategray
midnightblue
black
darkgreen
darkolivegreen
navy
forestgreen
darkslateblue
seagreen
darkblue
green
indigo
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
-180 : 14
-165 : 29
-150 : 44
-135 : 59
-120 : 74
-105 : 89
-90 : 104
-75 : 119
-60 : 134
-45 : 149
-30 : 164
-15 : 179
-10 : 184
-5 : 189
-2 : 192
±0 : 194
+2 : 196
+5 : 199
+10 : 204
+15 : 209
+30 : 224
+45 : 239
+60 : 254
+75 : 269
+90 : 284
+105 : 299
+120 : 314
+135 : 329
+150 : 344
+165 : 359
Saturation
+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
Lightness
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
White
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
Black
-78 : 0
-74 : 4
-70 : 8
-66 : 12
-62 : 16
-58 : 20
-54 : 24
-50 : 28
-46 : 32
-42 : 36
-38 : 40
-34 : 44
-30 : 48
-28 : 50
-26 : 52
-22 : 56
-18 : 60
-14 : 64
-10 : 68
-6 : 72
-3 : 75
-2 : 76
±0 : 78
+2 : 80
+3 : 81
+6 : 84
+10 : 88
+14 : 92
+18 : 96
+22 : 100
Red
+230 : 255
+213 : 238
+196 : 221
+179 : 204
+162 : 187
+145 : 170
+128 : 153
+111 : 136
+94 : 119
+77 : 102
+60 : 85
+43 : 68
+26 : 51
+9 : 34
+8 : 33
+4 : 29
+2 : 27
+1 : 26
±0 : 25
-1 : 24
-2 : 23
-4 : 21
-8 : 17
-25 : 0
Green
+206 : 255
+189 : 238
+172 : 221
+155 : 204
+138 : 187
+121 : 170
+104 : 153
+87 : 136
+70 : 119
+53 : 102
+36 : 85
+19 : 68
+8 : 57
+4 : 53
+2 : 51
+1 : 50
±0 : 49
-1 : 48
-2 : 47
-4 : 45
-8 : 41
-15 : 34
-32 : 17
-49 : 0
Blue
+199 : 255
+182 : 238
+165 : 221
+148 : 204
+131 : 187
+114 : 170
+97 : 153
+80 : 136
+63 : 119
+46 : 102
+29 : 85
+12 : 68
+8 : 64
+4 : 60
+2 : 58
+1 : 57
±0 : 56
-1 : 55
-2 : 54
-4 : 52
-5 : 51
-8 : 48
-22 : 34
-39 : 17
-56 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000