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.
#0c1b31
Data
Red
12
Green
27
Blue
49
Hue
216°
White
5%
Black
81%
Saturation
61%
Lightness
12%
Brightness
10%
Tone = Dark Grayish
Hue = 216°
3 digits
#234
#233
#232
#224
#223
#222
#214
#213
#212
#134
#133
#132
#124
#123
#122
#114
#113
#112
#034
#033
#032
#024
#023
#022
#014
#013
#012
Named
black
midnightblue
darkslategray
navy
darkgreen
darkblue
indigo
darkolivegreen
green
darkslateblue
forestgreen
seagreen
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
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
Lightness
+88 : 100
+84 : 96
+80 : 92
+76 : 88
+72 : 84
+68 : 80
+64 : 76
+60 : 72
+56 : 68
+52 : 64
+48 : 60
+44 : 56
+40 : 52
+38 : 50
+36 : 48
+32 : 44
+28 : 40
+24 : 36
+20 : 32
+16 : 28
+12 : 24
+8 : 20
+4 : 16
+3 : 15
+2 : 14
±0 : 12
-2 : 10
-3 : 9
-4 : 8
-8 : 4
-12 : 0
White
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
Black
-81 : 0
-77 : 4
-73 : 8
-69 : 12
-65 : 16
-61 : 20
-57 : 24
-53 : 28
-49 : 32
-45 : 36
-41 : 40
-37 : 44
-33 : 48
-31 : 50
-29 : 52
-25 : 56
-21 : 60
-17 : 64
-13 : 68
-9 : 72
-5 : 76
-3 : 78
-2 : 79
-1 : 80
±0 : 81
+2 : 83
+3 : 84
+7 : 88
+11 : 92
+15 : 96
+19 : 100
Red
+243 : 255
+226 : 238
+209 : 221
+192 : 204
+175 : 187
+158 : 170
+141 : 153
+124 : 136
+107 : 119
+90 : 102
+73 : 85
+56 : 68
+39 : 51
+22 : 34
+8 : 20
+5 : 17
+4 : 16
+2 : 14
+1 : 13
±0 : 12
-1 : 11
-2 : 10
-4 : 8
-8 : 4
-12 : 0
Green
+228 : 255
+211 : 238
+194 : 221
+177 : 204
+160 : 187
+143 : 170
+126 : 153
+109 : 136
+92 : 119
+75 : 102
+58 : 85
+41 : 68
+24 : 51
+8 : 35
+7 : 34
+4 : 31
+2 : 29
+1 : 28
±0 : 27
-1 : 26
-2 : 25
-4 : 23
-8 : 19
-10 : 17
-27 : 0
Blue
+206 : 255
+189 : 238
+172 : 221
+155 : 204
+138 : 187
+121 : 170
+104 : 153
+87 : 136
+70 : 119
+53 : 102
+36 : 85
+19 : 68
+8 : 57
+4 : 53
+2 : 51
+1 : 50
±0 : 49
-1 : 48
-2 : 47
-4 : 45
-8 : 41
-15 : 34
-32 : 17
-49 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000