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.
#2b697b
Data
Red
43
Green
105
Blue
123
Hue
194°
White
17%
Black
52%
Saturation
48%
Lightness
33%
Brightness
35%
Tone = Deep
Hue = 194°
3 digits
#478
#477
#476
#468
#467
#466
#458
#457
#456
#378
#377
#376
#368
#367
#366
#358
#357
#356
#278
#277
#276
#268
#267
#266
#258
#257
#256
Named
teal
seagreen
darkslategray
darkslateblue
darkcyan
dimgray
steelblue
slategray
mediumseagreen
midnightblue
cadetblue
rebeccapurple
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 : 14
-165 : 29
-150 : 44
-135 : 59
-120 : 74
-105 : 89
-90 : 104
-75 : 119
-60 : 134
-45 : 149
-30 : 164
-15 : 179
-10 : 184
-5 : 189
-2 : 192
±0 : 194
+2 : 196
+5 : 199
+10 : 204
+15 : 209
+30 : 224
+45 : 239
+60 : 254
+75 : 269
+90 : 284
+105 : 299
+120 : 314
+135 : 329
+150 : 344
+165 : 359
Saturation
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
Lightness
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
White
-17 : 0
-13 : 4
-9 : 8
-5 : 12
-3 : 14
-2 : 15
-1 : 16
±0 : 17
+2 : 19
+3 : 20
+7 : 24
+11 : 28
+15 : 32
+19 : 36
+23 : 40
+27 : 44
+31 : 48
+33 : 50
+35 : 52
+39 : 56
+43 : 60
+47 : 64
+51 : 68
+55 : 72
+59 : 76
+63 : 80
+67 : 84
+71 : 88
+75 : 92
+79 : 96
+83 : 100
Black
-52 : 0
-48 : 4
-44 : 8
-40 : 12
-36 : 16
-32 : 20
-28 : 24
-24 : 28
-20 : 32
-16 : 36
-12 : 40
-8 : 44
-4 : 48
-3 : 49
-2 : 50
±0 : 52
+2 : 54
+3 : 55
+4 : 56
+8 : 60
+12 : 64
+16 : 68
+20 : 72
+24 : 76
+28 : 80
+32 : 84
+36 : 88
+40 : 92
+44 : 96
+48 : 100
Red
+212 : 255
+195 : 238
+178 : 221
+161 : 204
+144 : 187
+127 : 170
+110 : 153
+93 : 136
+76 : 119
+59 : 102
+42 : 85
+25 : 68
+8 : 51
+4 : 47
+2 : 45
+1 : 44
±0 : 43
-1 : 42
-2 : 41
-4 : 39
-8 : 35
-9 : 34
-26 : 17
-43 : 0
Green
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
Blue
+132 : 255
+115 : 238
+98 : 221
+81 : 204
+64 : 187
+47 : 170
+30 : 153
+13 : 136
+8 : 131
+4 : 127
+2 : 125
+1 : 124
±0 : 123
-1 : 122
-2 : 121
-4 : 119
-8 : 115
-21 : 102
-38 : 85
-55 : 68
-72 : 51
-89 : 34
-106 : 17
-123 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000