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.
#356f8a
Data
Red
53
Green
111
Blue
138
Hue
199°
White
21%
Black
46%
Saturation
45%
Lightness
37%
Brightness
38%
Tone = Grayish
Hue = 199°
3 digits
#489
#488
#487
#479
#478
#477
#469
#468
#467
#389
#388
#387
#379
#378
#377
#369
#368
#367
#289
#288
#287
#279
#278
#277
#269
#268
#267
Named
steelblue
darkslateblue
teal
seagreen
darkcyan
slategray
dimgray
cadetblue
darkslategray
lightslategray
mediumseagreen
lightseagreen
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
-195 : 4
-180 : 19
-165 : 34
-150 : 49
-135 : 64
-120 : 79
-105 : 94
-90 : 109
-75 : 124
-60 : 139
-45 : 154
-30 : 169
-15 : 184
-10 : 189
-5 : 194
-2 : 197
±0 : 199
+2 : 201
+5 : 204
+10 : 209
+15 : 214
+30 : 229
+45 : 244
+60 : 259
+75 : 274
+90 : 289
+105 : 304
+120 : 319
+135 : 334
+150 : 349
Saturation
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
Lightness
+63 : 100
+59 : 96
+55 : 92
+51 : 88
+47 : 84
+43 : 80
+39 : 76
+35 : 72
+31 : 68
+27 : 64
+23 : 60
+19 : 56
+15 : 52
+13 : 50
+11 : 48
+7 : 44
+3 : 40
+2 : 39
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-5 : 32
-9 : 28
-13 : 24
-17 : 20
-21 : 16
-25 : 12
-29 : 8
-33 : 4
-37 : 0
White
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
Black
-46 : 0
-42 : 4
-38 : 8
-34 : 12
-30 : 16
-26 : 20
-22 : 24
-18 : 28
-14 : 32
-10 : 36
-6 : 40
-3 : 43
-2 : 44
±0 : 46
+2 : 48
+3 : 49
+4 : 50
+6 : 52
+10 : 56
+14 : 60
+18 : 64
+22 : 68
+26 : 72
+30 : 76
+34 : 80
+38 : 84
+42 : 88
+46 : 92
+50 : 96
+54 : 100
Red
+202 : 255
+185 : 238
+168 : 221
+151 : 204
+134 : 187
+117 : 170
+100 : 153
+83 : 136
+66 : 119
+49 : 102
+32 : 85
+15 : 68
+8 : 61
+4 : 57
+2 : 55
+1 : 54
±0 : 53
-1 : 52
-2 : 51
-4 : 49
-8 : 45
-19 : 34
-36 : 17
-53 : 0
Green
+144 : 255
+127 : 238
+110 : 221
+93 : 204
+76 : 187
+59 : 170
+42 : 153
+25 : 136
+8 : 119
+4 : 115
+2 : 113
+1 : 112
±0 : 111
-1 : 110
-2 : 109
-4 : 107
-8 : 103
-9 : 102
-26 : 85
-43 : 68
-60 : 51
-77 : 34
-94 : 17
-111 : 0
Blue
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000