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.
#f09686
Data
Red
240
Green
150
Blue
134
Hue
9°
White
53%
Black
6%
Saturation
78%
Lightness
73%
Brightness
69%
Tone = Bright
Hue = 9°
3 digits
#fa9
#fa8
#fa7
#f99
#f98
#f97
#f89
#f88
#f87
#ea9
#ea8
#ea7
#e99
#e98
#e97
#e89
#e88
#e87
#da9
#da8
#da7
#d99
#d98
#d97
#d89
#d88
#d87
Named
darksalmon
lightsalmon
lightcoral
salmon
burlywood
sandybrown
tan
palevioletred
rosybrown
coral
hotpink
darkkhaki
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
-5 : 4
-2 : 7
±0 : 9
+2 : 11
+5 : 14
+10 : 19
+15 : 24
+30 : 39
+45 : 54
+60 : 69
+75 : 84
+90 : 99
+105 : 114
+120 : 129
+135 : 144
+150 : 159
+165 : 174
+180 : 189
+195 : 204
+210 : 219
+225 : 234
+240 : 249
+255 : 264
+270 : 279
+285 : 294
+300 : 309
+315 : 324
+330 : 339
+345 : 354
+350 : 359
Saturation
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 0
Lightness
+27 : 100
+23 : 96
+19 : 92
+15 : 88
+11 : 84
+7 : 80
+3 : 76
+2 : 75
±0 : 73
-1 : 72
-2 : 71
-3 : 70
-5 : 68
-9 : 64
-13 : 60
-17 : 56
-21 : 52
-23 : 50
-25 : 48
-29 : 44
-33 : 40
-37 : 36
-41 : 32
-45 : 28
-49 : 24
-53 : 20
-57 : 16
-61 : 12
-65 : 8
-69 : 4
-73 : 0
White
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
Black
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
Red
+15 : 255
+8 : 248
+4 : 244
+2 : 242
+1 : 241
±0 : 240
-1 : 239
-2 : 238
-4 : 236
-8 : 232
-19 : 221
-36 : 204
-53 : 187
-70 : 170
-87 : 153
-104 : 136
-121 : 119
-138 : 102
-155 : 85
-172 : 68
-189 : 51
-206 : 34
-223 : 17
-240 : 0
Green
+105 : 255
+88 : 238
+71 : 221
+54 : 204
+37 : 187
+20 : 170
+8 : 158
+4 : 154
+3 : 153
+2 : 152
+1 : 151
±0 : 150
-1 : 149
-2 : 148
-4 : 146
-8 : 142
-14 : 136
-31 : 119
-48 : 102
-65 : 85
-82 : 68
-99 : 51
-116 : 34
-133 : 17
-150 : 0
Blue
+121 : 255
+104 : 238
+87 : 221
+70 : 204
+53 : 187
+36 : 170
+19 : 153
+8 : 142
+4 : 138
+2 : 136
+1 : 135
±0 : 134
-1 : 133
-2 : 132
-4 : 130
-8 : 126
-15 : 119
-32 : 102
-49 : 85
-66 : 68
-83 : 51
-100 : 34
-117 : 17
-134 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000