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.
#358b98
Data
Red
53
Green
139
Blue
152
Hue
188°
White
21%
Black
40%
Saturation
48%
Lightness
40%
Brightness
45%
Tone = Dull
Hue = 188°
3 digits
#49a
#499
#498
#48a
#489
#488
#47a
#479
#478
#39a
#399
#398
#38a
#389
#388
#37a
#379
#378
#29a
#299
#298
#28a
#289
#288
#27a
#279
#278
Named
steelblue
cadetblue
lightseagreen
darkcyan
mediumseagreen
teal
slategray
seagreen
lightslategray
dimgray
gray
darkslateblue
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 : 8
-165 : 23
-150 : 38
-135 : 53
-120 : 68
-105 : 83
-90 : 98
-75 : 113
-60 : 128
-45 : 143
-30 : 158
-15 : 173
-10 : 178
-5 : 183
-2 : 186
±0 : 188
+2 : 190
+5 : 193
+10 : 198
+15 : 203
+30 : 218
+45 : 233
+60 : 248
+75 : 263
+90 : 278
+105 : 293
+120 : 308
+135 : 323
+150 : 338
+165 : 353
Saturation
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
Lightness
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 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
-40 : 0
-36 : 4
-32 : 8
-28 : 12
-24 : 16
-20 : 20
-16 : 24
-12 : 28
-8 : 32
-4 : 36
-3 : 37
-2 : 38
±0 : 40
+2 : 42
+3 : 43
+4 : 44
+8 : 48
+10 : 50
+12 : 52
+16 : 56
+20 : 60
+24 : 64
+28 : 68
+32 : 72
+36 : 76
+40 : 80
+44 : 84
+48 : 88
+52 : 92
+56 : 96
+60 : 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
+116 : 255
+99 : 238
+82 : 221
+65 : 204
+48 : 187
+31 : 170
+14 : 153
+8 : 147
+4 : 143
+2 : 141
+1 : 140
±0 : 139
-1 : 138
-2 : 137
-3 : 136
-4 : 135
-8 : 131
-20 : 119
-37 : 102
-54 : 85
-71 : 68
-88 : 51
-105 : 34
-122 : 17
-139 : 0
Blue
+103 : 255
+86 : 238
+69 : 221
+52 : 204
+35 : 187
+18 : 170
+8 : 160
+4 : 156
+2 : 154
+1 : 153
±0 : 152
-1 : 151
-2 : 150
-4 : 148
-8 : 144
-16 : 136
-33 : 119
-50 : 102
-67 : 85
-84 : 68
-101 : 51
-118 : 34
-135 : 17
-152 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000