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.
#ccdcd4
Data
Red
204
Green
220
Blue
212
Hue
150°
White
80%
Black
14%
Saturation
19%
Lightness
83%
Brightness
84%
Tone = Pale
Hue = 150°
3 digits
#ded
#dec
#deb
#ddd
#ddc
#ddb
#dcd
#dcc
#dcb
#ced
#cec
#ceb
#cdd
#cdc
#cdb
#ccd
#ccc
#ccb
#bed
#bec
#beb
#bdd
#bdc
#bdb
#bcd
#bcc
#bcb
Named
lightgray
gainsboro
thistle
powderblue
lightblue
silver
lightsteelblue
paleturquoise
lavender
antiquewhite
beige
wheat
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 : 0
-135 : 15
-120 : 30
-105 : 45
-90 : 60
-75 : 75
-60 : 90
-45 : 105
-30 : 120
-15 : 135
-10 : 140
-5 : 145
-2 : 148
±0 : 150
+2 : 152
+5 : 155
+10 : 160
+15 : 165
+30 : 180
+45 : 195
+60 : 210
+75 : 225
+90 : 240
+105 : 255
+120 : 270
+135 : 285
+150 : 300
+165 : 315
+180 : 330
+195 : 345
Saturation
+81 : 100
+77 : 96
+73 : 92
+69 : 88
+65 : 84
+61 : 80
+57 : 76
+53 : 72
+49 : 68
+45 : 64
+41 : 60
+37 : 56
+33 : 52
+31 : 50
+29 : 48
+25 : 44
+21 : 40
+17 : 36
+13 : 32
+9 : 28
+5 : 24
+3 : 22
+2 : 21
+1 : 20
±0 : 19
-2 : 17
-3 : 16
-7 : 12
-11 : 8
-15 : 4
-19 : 0
Lightness
+17 : 100
+13 : 96
+9 : 92
+5 : 88
+3 : 86
+2 : 85
+1 : 84
±0 : 83
-2 : 81
-3 : 80
-7 : 76
-11 : 72
-15 : 68
-19 : 64
-23 : 60
-27 : 56
-31 : 52
-33 : 50
-35 : 48
-39 : 44
-43 : 40
-47 : 36
-51 : 32
-55 : 28
-59 : 24
-63 : 20
-67 : 16
-71 : 12
-75 : 8
-79 : 4
-83 : 0
White
-80 : 0
-76 : 4
-72 : 8
-68 : 12
-64 : 16
-60 : 20
-56 : 24
-52 : 28
-48 : 32
-44 : 36
-40 : 40
-36 : 44
-32 : 48
-30 : 50
-28 : 52
-24 : 56
-20 : 60
-16 : 64
-12 : 68
-8 : 72
-4 : 76
-3 : 77
-2 : 78
±0 : 80
+2 : 82
+3 : 83
+4 : 84
+8 : 88
+12 : 92
+16 : 96
+20 : 100
Black
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
Red
+51 : 255
+34 : 238
+17 : 221
+8 : 212
+4 : 208
+2 : 206
+1 : 205
±0 : 204
-1 : 203
-2 : 202
-4 : 200
-8 : 196
-17 : 187
-34 : 170
-51 : 153
-68 : 136
-85 : 119
-102 : 102
-119 : 85
-136 : 68
-153 : 51
-170 : 34
-187 : 17
-204 : 0
Green
+35 : 255
+18 : 238
+8 : 228
+4 : 224
+2 : 222
+1 : 221
±0 : 220
-1 : 219
-2 : 218
-4 : 216
-8 : 212
-16 : 204
-33 : 187
-50 : 170
-67 : 153
-84 : 136
-101 : 119
-118 : 102
-135 : 85
-152 : 68
-169 : 51
-186 : 34
-203 : 17
-220 : 0
Blue
+43 : 255
+26 : 238
+9 : 221
+8 : 220
+4 : 216
+2 : 214
+1 : 213
±0 : 212
-1 : 211
-2 : 210
-4 : 208
-8 : 204
-25 : 187
-42 : 170
-59 : 153
-76 : 136
-93 : 119
-110 : 102
-127 : 85
-144 : 68
-161 : 51
-178 : 34
-195 : 17
-212 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000