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.
#367ee4
Data
Red
54
Green
126
Blue
228
Hue
215°
White
21%
Black
11%
Saturation
76%
Lightness
55%
Brightness
46%
Tone = Strong
Hue = 215°
3 digits
#48e
#48d
#48c
#47e
#47d
#47c
#46e
#46d
#46c
#38e
#38d
#38c
#37e
#37d
#37c
#36e
#36d
#36c
#28e
#28d
#28c
#27e
#27d
#27c
#26e
#26d
#26c
Named
royalblue
dodgerblue
steelblue
cornflowerblue
slateblue
mediumslateblue
lightseagreen
cadetblue
mediumturquoise
deepskyblue
mediumpurple
darkturquoise
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
-210 : 5
-195 : 20
-180 : 35
-165 : 50
-150 : 65
-135 : 80
-120 : 95
-105 : 110
-90 : 125
-75 : 140
-60 : 155
-45 : 170
-30 : 185
-15 : 200
-10 : 205
-5 : 210
-2 : 213
±0 : 215
+2 : 217
+5 : 220
+10 : 225
+15 : 230
+30 : 245
+45 : 260
+60 : 275
+75 : 290
+90 : 305
+105 : 320
+120 : 335
+135 : 350
Saturation
+24 : 100
+20 : 96
+16 : 92
+12 : 88
+8 : 84
+4 : 80
+3 : 79
+2 : 78
±0 : 76
-2 : 74
-3 : 73
-4 : 72
-8 : 68
-12 : 64
-16 : 60
-20 : 56
-24 : 52
-26 : 50
-28 : 48
-32 : 44
-36 : 40
-40 : 36
-44 : 32
-48 : 28
-52 : 24
-56 : 20
-60 : 16
-64 : 12
-68 : 8
-72 : 4
-76 : 0
Lightness
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 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
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
Red
+201 : 255
+184 : 238
+167 : 221
+150 : 204
+133 : 187
+116 : 170
+99 : 153
+82 : 136
+65 : 119
+48 : 102
+31 : 85
+14 : 68
+8 : 62
+4 : 58
+2 : 56
+1 : 55
±0 : 54
-1 : 53
-2 : 52
-3 : 51
-4 : 50
-8 : 46
-20 : 34
-37 : 17
-54 : 0
Green
+129 : 255
+112 : 238
+95 : 221
+78 : 204
+61 : 187
+44 : 170
+27 : 153
+10 : 136
+8 : 134
+4 : 130
+2 : 128
+1 : 127
±0 : 126
-1 : 125
-2 : 124
-4 : 122
-7 : 119
-8 : 118
-24 : 102
-41 : 85
-58 : 68
-75 : 51
-92 : 34
-109 : 17
-126 : 0
Blue
+27 : 255
+10 : 238
+8 : 236
+4 : 232
+2 : 230
+1 : 229
±0 : 228
-1 : 227
-2 : 226
-4 : 224
-7 : 221
-8 : 220
-24 : 204
-41 : 187
-58 : 170
-75 : 153
-92 : 136
-109 : 119
-126 : 102
-143 : 85
-160 : 68
-177 : 51
-194 : 34
-211 : 17
-228 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000