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.
#cbd3a5
Data
Red
203
Green
211
Blue
165
Hue
70°
White
65%
Black
17%
Saturation
34%
Lightness
74%
Brightness
80%
Tone = Light
Hue = 70°
3 digits
#ddb
#dda
#dd9
#dcb
#dca
#dc9
#dbb
#dba
#db9
#cdb
#cda
#cd9
#ccb
#cca
#cc9
#cbb
#cba
#cb9
#bdb
#bda
#bd9
#bcb
#bca
#bc9
#bbb
#bba
#bb9
Named
silver
tan
palegoldenrod
burlywood
wheat
lightgray
khaki
navajowhite
darkgray
peachpuff
thistle
moccasin
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
-60 : 10
-45 : 25
-30 : 40
-15 : 55
-10 : 60
-5 : 65
-2 : 68
±0 : 70
+2 : 72
+5 : 75
+10 : 80
+15 : 85
+30 : 100
+45 : 115
+60 : 130
+75 : 145
+90 : 160
+105 : 175
+120 : 190
+135 : 205
+150 : 220
+165 : 235
+180 : 250
+195 : 265
+210 : 280
+225 : 295
+240 : 310
+255 : 325
+270 : 340
+285 : 355
Saturation
+66 : 100
+62 : 96
+58 : 92
+54 : 88
+50 : 84
+46 : 80
+42 : 76
+38 : 72
+34 : 68
+30 : 64
+26 : 60
+22 : 56
+18 : 52
+16 : 50
+14 : 48
+10 : 44
+6 : 40
+3 : 37
+2 : 36
±0 : 34
-2 : 32
-3 : 31
-6 : 28
-10 : 24
-14 : 20
-18 : 16
-22 : 12
-26 : 8
-30 : 4
-34 : 0
Lightness
+26 : 100
+22 : 96
+18 : 92
+14 : 88
+10 : 84
+6 : 80
+3 : 77
+2 : 76
±0 : 74
-2 : 72
-3 : 71
-6 : 68
-10 : 64
-14 : 60
-18 : 56
-22 : 52
-24 : 50
-26 : 48
-30 : 44
-34 : 40
-38 : 36
-42 : 32
-46 : 28
-50 : 24
-54 : 20
-58 : 16
-62 : 12
-66 : 8
-70 : 4
-74 : 0
White
-65 : 0
-61 : 4
-57 : 8
-53 : 12
-49 : 16
-45 : 20
-41 : 24
-37 : 28
-33 : 32
-29 : 36
-25 : 40
-21 : 44
-17 : 48
-15 : 50
-13 : 52
-9 : 56
-5 : 60
-3 : 62
-2 : 63
-1 : 64
±0 : 65
+2 : 67
+3 : 68
+7 : 72
+11 : 76
+15 : 80
+19 : 84
+23 : 88
+27 : 92
+31 : 96
+35 : 100
Black
-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
Red
+52 : 255
+35 : 238
+18 : 221
+8 : 211
+4 : 207
+2 : 205
+1 : 204
±0 : 203
-1 : 202
-2 : 201
-4 : 199
-8 : 195
-16 : 187
-33 : 170
-50 : 153
-67 : 136
-84 : 119
-101 : 102
-118 : 85
-135 : 68
-152 : 51
-169 : 34
-186 : 17
-203 : 0
Green
+44 : 255
+27 : 238
+10 : 221
+8 : 219
+4 : 215
+2 : 213
+1 : 212
±0 : 211
-1 : 210
-2 : 209
-4 : 207
-7 : 204
-8 : 203
-24 : 187
-41 : 170
-58 : 153
-75 : 136
-92 : 119
-109 : 102
-126 : 85
-143 : 68
-160 : 51
-177 : 34
-194 : 17
-211 : 0
Blue
+90 : 255
+73 : 238
+56 : 221
+39 : 204
+22 : 187
+8 : 173
+5 : 170
+4 : 169
+2 : 167
+1 : 166
±0 : 165
-1 : 164
-2 : 163
-4 : 161
-8 : 157
-12 : 153
-29 : 136
-46 : 119
-63 : 102
-80 : 85
-97 : 68
-114 : 51
-131 : 34
-148 : 17
-165 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000