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.
#045ee6
Data
Red
4
Green
94
Blue
230
Hue
216°
White
2%
Black
10%
Saturation
97%
Lightness
46%
Brightness
32%
Tone = Vivid
Hue = 216°
3 digits
#27f
#27e
#27d
#26f
#26e
#26d
#25f
#25e
#25d
#17f
#17e
#17d
#16f
#16e
#16d
#15f
#15e
#15d
#07f
#07e
#07d
#06f
#06e
#06d
#05f
#05e
#05d
Named
dodgerblue
royalblue
steelblue
blue
mediumblue
deepskyblue
darkcyan
slateblue
lightseagreen
teal
cornflowerblue
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 : 6
-195 : 21
-180 : 36
-165 : 51
-150 : 66
-135 : 81
-120 : 96
-105 : 111
-90 : 126
-75 : 141
-60 : 156
-45 : 171
-30 : 186
-15 : 201
-10 : 206
-5 : 211
-2 : 214
±0 : 216
+2 : 218
+5 : 221
+10 : 226
+15 : 231
+30 : 246
+45 : 261
+60 : 276
+75 : 291
+90 : 306
+105 : 321
+120 : 336
+135 : 351
Saturation
+3 : 100
+2 : 99
±0 : 97
-1 : 96
-2 : 95
-3 : 94
-5 : 92
-9 : 88
-13 : 84
-17 : 80
-21 : 76
-25 : 72
-29 : 68
-33 : 64
-37 : 60
-41 : 56
-45 : 52
-47 : 50
-49 : 48
-53 : 44
-57 : 40
-61 : 36
-65 : 32
-69 : 28
-73 : 24
-77 : 20
-81 : 16
-85 : 12
-89 : 8
-93 : 4
-97 : 0
Lightness
+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
White
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Black
-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
Red
+251 : 255
+234 : 238
+217 : 221
+200 : 204
+183 : 187
+166 : 170
+149 : 153
+132 : 136
+115 : 119
+98 : 102
+81 : 85
+64 : 68
+47 : 51
+30 : 34
+13 : 17
+8 : 12
+4 : 8
+2 : 6
+1 : 5
±0 : 4
-1 : 3
-2 : 2
-4 : 0
Green
+161 : 255
+144 : 238
+127 : 221
+110 : 204
+93 : 187
+76 : 170
+59 : 153
+42 : 136
+25 : 119
+8 : 102
+4 : 98
+2 : 96
+1 : 95
±0 : 94
-1 : 93
-2 : 92
-4 : 90
-8 : 86
-9 : 85
-26 : 68
-43 : 51
-60 : 34
-77 : 17
-94 : 0
Blue
+25 : 255
+8 : 238
+4 : 234
+2 : 232
+1 : 231
±0 : 230
-1 : 229
-2 : 228
-4 : 226
-8 : 222
-9 : 221
-26 : 204
-43 : 187
-60 : 170
-77 : 153
-94 : 136
-111 : 119
-128 : 102
-145 : 85
-162 : 68
-179 : 51
-196 : 34
-213 : 17
-230 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000