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.
#378e95
Data
Red
55
Green
142
Blue
149
Hue
184°
White
22%
Black
42%
Saturation
46%
Lightness
40%
Brightness
46%
Tone = Dull
Hue = 184°
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
mediumseagreen
darkcyan
slategray
teal
seagreen
lightslategray
dimgray
gray
mediumaquamarine
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 : 4
-165 : 19
-150 : 34
-135 : 49
-120 : 64
-105 : 79
-90 : 94
-75 : 109
-60 : 124
-45 : 139
-30 : 154
-15 : 169
-10 : 174
-5 : 179
-2 : 182
±0 : 184
+2 : 186
+5 : 189
+10 : 194
+15 : 199
+30 : 214
+45 : 229
+60 : 244
+75 : 259
+90 : 274
+105 : 289
+120 : 304
+135 : 319
+150 : 334
+165 : 349
Saturation
+54 : 100
+50 : 96
+46 : 92
+42 : 88
+38 : 84
+34 : 80
+30 : 76
+26 : 72
+22 : 68
+18 : 64
+14 : 60
+10 : 56
+6 : 52
+4 : 50
+3 : 49
+2 : 48
±0 : 46
-2 : 44
-3 : 43
-6 : 40
-10 : 36
-14 : 32
-18 : 28
-22 : 24
-26 : 20
-30 : 16
-34 : 12
-38 : 8
-42 : 4
-46 : 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
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
Black
-42 : 0
-38 : 4
-34 : 8
-30 : 12
-26 : 16
-22 : 20
-18 : 24
-14 : 28
-10 : 32
-6 : 36
-3 : 39
-2 : 40
±0 : 42
+2 : 44
+3 : 45
+6 : 48
+8 : 50
+10 : 52
+14 : 56
+18 : 60
+22 : 64
+26 : 68
+30 : 72
+34 : 76
+38 : 80
+42 : 84
+46 : 88
+50 : 92
+54 : 96
+58 : 100
Red
+200 : 255
+183 : 238
+166 : 221
+149 : 204
+132 : 187
+115 : 170
+98 : 153
+81 : 136
+64 : 119
+47 : 102
+30 : 85
+13 : 68
+8 : 63
+4 : 59
+2 : 57
+1 : 56
±0 : 55
-1 : 54
-2 : 53
-4 : 51
-8 : 47
-21 : 34
-38 : 17
-55 : 0
Green
+113 : 255
+96 : 238
+79 : 221
+62 : 204
+45 : 187
+28 : 170
+11 : 153
+8 : 150
+4 : 146
+2 : 144
+1 : 143
±0 : 142
-1 : 141
-2 : 140
-4 : 138
-6 : 136
-8 : 134
-23 : 119
-40 : 102
-57 : 85
-74 : 68
-91 : 51
-108 : 34
-125 : 17
-142 : 0
Blue
+106 : 255
+89 : 238
+72 : 221
+55 : 204
+38 : 187
+21 : 170
+8 : 157
+4 : 153
+2 : 151
+1 : 150
±0 : 149
-1 : 148
-2 : 147
-4 : 145
-8 : 141
-13 : 136
-30 : 119
-47 : 102
-64 : 85
-81 : 68
-98 : 51
-115 : 34
-132 : 17
-149 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000