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.
#2f656d
Data
Red
47
Green
101
Blue
109
Hue
188°
White
18%
Black
57%
Saturation
40%
Lightness
31%
Brightness
34%
Tone = Deep
Hue = 188°
3 digits
#477
#476
#475
#467
#466
#465
#457
#456
#455
#377
#376
#375
#367
#366
#365
#357
#356
#355
#277
#276
#275
#267
#266
#265
#257
#256
#255
Named
darkslategray
seagreen
darkslateblue
teal
dimgray
darkcyan
darkolivegreen
slategray
mediumseagreen
midnightblue
steelblue
forestgreen
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
+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
Lightness
+69 : 100
+65 : 96
+61 : 92
+57 : 88
+53 : 84
+49 : 80
+45 : 76
+41 : 72
+37 : 68
+33 : 64
+29 : 60
+25 : 56
+21 : 52
+19 : 50
+17 : 48
+13 : 44
+9 : 40
+5 : 36
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-2 : 29
-3 : 28
-7 : 24
-11 : 20
-15 : 16
-19 : 12
-23 : 8
-27 : 4
-31 : 0
White
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
Black
-57 : 0
-53 : 4
-49 : 8
-45 : 12
-41 : 16
-37 : 20
-33 : 24
-29 : 28
-25 : 32
-21 : 36
-17 : 40
-13 : 44
-9 : 48
-7 : 50
-5 : 52
-3 : 54
-2 : 55
-1 : 56
±0 : 57
+2 : 59
+3 : 60
+7 : 64
+11 : 68
+15 : 72
+19 : 76
+23 : 80
+27 : 84
+31 : 88
+35 : 92
+39 : 96
+43 : 100
Red
+208 : 255
+191 : 238
+174 : 221
+157 : 204
+140 : 187
+123 : 170
+106 : 153
+89 : 136
+72 : 119
+55 : 102
+38 : 85
+21 : 68
+8 : 55
+4 : 51
+2 : 49
+1 : 48
±0 : 47
-1 : 46
-2 : 45
-4 : 43
-8 : 39
-13 : 34
-30 : 17
-47 : 0
Green
+154 : 255
+137 : 238
+120 : 221
+103 : 204
+86 : 187
+69 : 170
+52 : 153
+35 : 136
+18 : 119
+8 : 109
+4 : 105
+2 : 103
+1 : 102
±0 : 101
-1 : 100
-2 : 99
-4 : 97
-8 : 93
-16 : 85
-33 : 68
-50 : 51
-67 : 34
-84 : 17
-101 : 0
Blue
+146 : 255
+129 : 238
+112 : 221
+95 : 204
+78 : 187
+61 : 170
+44 : 153
+27 : 136
+10 : 119
+8 : 117
+4 : 113
+2 : 111
+1 : 110
±0 : 109
-1 : 108
-2 : 107
-4 : 105
-7 : 102
-8 : 101
-24 : 85
-41 : 68
-58 : 51
-75 : 34
-92 : 17
-109 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000