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.
#255237
Data
Red
37
Green
82
Blue
55
Hue
144°
White
15%
Black
68%
Saturation
38%
Lightness
23%
Brightness
26%
Tone = Dark
Hue = 144°
3 digits
#364
#363
#362
#354
#353
#352
#344
#343
#342
#264
#263
#262
#254
#253
#252
#244
#243
#242
#164
#163
#162
#154
#153
#152
#144
#143
#142
Named
darkslategray
darkolivegreen
forestgreen
seagreen
darkgreen
green
midnightblue
dimgray
darkslateblue
teal
olivedrab
black
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
-135 : 9
-120 : 24
-105 : 39
-90 : 54
-75 : 69
-60 : 84
-45 : 99
-30 : 114
-15 : 129
-10 : 134
-5 : 139
-2 : 142
±0 : 144
+2 : 146
+5 : 149
+10 : 154
+15 : 159
+30 : 174
+45 : 189
+60 : 204
+75 : 219
+90 : 234
+105 : 249
+120 : 264
+135 : 279
+150 : 294
+165 : 309
+180 : 324
+195 : 339
+210 : 354
Saturation
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
Lightness
+77 : 100
+73 : 96
+69 : 92
+65 : 88
+61 : 84
+57 : 80
+53 : 76
+49 : 72
+45 : 68
+41 : 64
+37 : 60
+33 : 56
+29 : 52
+27 : 50
+25 : 48
+21 : 44
+17 : 40
+13 : 36
+9 : 32
+5 : 28
+3 : 26
+2 : 25
+1 : 24
±0 : 23
-2 : 21
-3 : 20
-7 : 16
-11 : 12
-15 : 8
-19 : 4
-23 : 0
White
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
Black
-68 : 0
-64 : 4
-60 : 8
-56 : 12
-52 : 16
-48 : 20
-44 : 24
-40 : 28
-36 : 32
-32 : 36
-28 : 40
-24 : 44
-20 : 48
-18 : 50
-16 : 52
-12 : 56
-8 : 60
-4 : 64
-3 : 65
-2 : 66
±0 : 68
+2 : 70
+3 : 71
+4 : 72
+8 : 76
+12 : 80
+16 : 84
+20 : 88
+24 : 92
+28 : 96
+32 : 100
Red
+218 : 255
+201 : 238
+184 : 221
+167 : 204
+150 : 187
+133 : 170
+116 : 153
+99 : 136
+82 : 119
+65 : 102
+48 : 85
+31 : 68
+14 : 51
+8 : 45
+4 : 41
+2 : 39
+1 : 38
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-4 : 33
-8 : 29
-20 : 17
-37 : 0
Green
+173 : 255
+156 : 238
+139 : 221
+122 : 204
+105 : 187
+88 : 170
+71 : 153
+54 : 136
+37 : 119
+20 : 102
+8 : 90
+4 : 86
+3 : 85
+2 : 84
+1 : 83
±0 : 82
-1 : 81
-2 : 80
-4 : 78
-8 : 74
-14 : 68
-31 : 51
-48 : 34
-65 : 17
-82 : 0
Blue
+200 : 255
+183 : 238
+166 : 221
+149 : 204
+132 : 187
+115 : 170
+98 : 153
+81 : 136
+64 : 119
+47 : 102
+30 : 85
+13 : 68
+8 : 63
+4 : 59
+2 : 57
+1 : 56
±0 : 55
-1 : 54
-2 : 53
-4 : 51
-8 : 47
-21 : 34
-38 : 17
-55 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000