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.
#346451
Data
Red
52
Green
100
Blue
81
Hue
156°
White
20%
Black
61%
Saturation
32%
Lightness
30%
Brightness
33%
Tone = Dark
Hue = 156°
3 digits
#476
#475
#474
#466
#465
#464
#456
#455
#454
#376
#375
#374
#366
#365
#364
#356
#355
#354
#276
#275
#274
#266
#265
#264
#256
#255
#254
Named
darkslategray
seagreen
darkolivegreen
dimgray
forestgreen
darkslateblue
teal
olivedrab
midnightblue
mediumseagreen
darkcyan
slategray
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
-150 : 6
-135 : 21
-120 : 36
-105 : 51
-90 : 66
-75 : 81
-60 : 96
-45 : 111
-30 : 126
-15 : 141
-10 : 146
-5 : 151
-2 : 154
±0 : 156
+2 : 158
+5 : 161
+10 : 166
+15 : 171
+30 : 186
+45 : 201
+60 : 216
+75 : 231
+90 : 246
+105 : 261
+120 : 276
+135 : 291
+150 : 306
+165 : 321
+180 : 336
+195 : 351
Saturation
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
Lightness
+70 : 100
+66 : 96
+62 : 92
+58 : 88
+54 : 84
+50 : 80
+46 : 76
+42 : 72
+38 : 68
+34 : 64
+30 : 60
+26 : 56
+22 : 52
+20 : 50
+18 : 48
+14 : 44
+10 : 40
+6 : 36
+3 : 33
+2 : 32
±0 : 30
-2 : 28
-3 : 27
-6 : 24
-10 : 20
-14 : 16
-18 : 12
-22 : 8
-26 : 4
-30 : 0
White
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
Black
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
Red
+203 : 255
+186 : 238
+169 : 221
+152 : 204
+135 : 187
+118 : 170
+101 : 153
+84 : 136
+67 : 119
+50 : 102
+33 : 85
+16 : 68
+8 : 60
+4 : 56
+2 : 54
+1 : 53
±0 : 52
-1 : 51
-2 : 50
-4 : 48
-8 : 44
-18 : 34
-35 : 17
-52 : 0
Green
+155 : 255
+138 : 238
+121 : 221
+104 : 204
+87 : 187
+70 : 170
+53 : 153
+36 : 136
+19 : 119
+8 : 108
+4 : 104
+2 : 102
+1 : 101
±0 : 100
-1 : 99
-2 : 98
-4 : 96
-8 : 92
-15 : 85
-32 : 68
-49 : 51
-66 : 34
-83 : 17
-100 : 0
Blue
+174 : 255
+157 : 238
+140 : 221
+123 : 204
+106 : 187
+89 : 170
+72 : 153
+55 : 136
+38 : 119
+21 : 102
+8 : 89
+4 : 85
+2 : 83
+1 : 82
±0 : 81
-1 : 80
-2 : 79
-4 : 77
-8 : 73
-13 : 68
-30 : 51
-47 : 34
-64 : 17
-81 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000