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.
#dcf0ea
Data
Red
220
Green
240
Blue
234
Hue
162°
White
86%
Black
6%
Saturation
40%
Lightness
90%
Brightness
92%
Tone = Pale
Hue = 162°
3 digits
#eff
#efe
#efd
#eef
#eee
#eed
#edf
#ede
#edd
#dff
#dfe
#dfd
#def
#dee
#ded
#ddf
#dde
#ddd
#cff
#cfe
#cfd
#cef
#cee
#ced
#cdf
#cde
#cdd
Named
lavender
gainsboro
honeydew
lightcyan
whitesmoke
beige
aliceblue
linen
azure
mintcream
oldlace
seashell
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 : 12
-135 : 27
-120 : 42
-105 : 57
-90 : 72
-75 : 87
-60 : 102
-45 : 117
-30 : 132
-15 : 147
-10 : 152
-5 : 157
-2 : 160
±0 : 162
+2 : 164
+5 : 167
+10 : 172
+15 : 177
+30 : 192
+45 : 207
+60 : 222
+75 : 237
+90 : 252
+105 : 267
+120 : 282
+135 : 297
+150 : 312
+165 : 327
+180 : 342
+195 : 357
Saturation
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 0
Lightness
+10 : 100
+6 : 96
+3 : 93
+2 : 92
±0 : 90
-2 : 88
-3 : 87
-6 : 84
-10 : 80
-14 : 76
-18 : 72
-22 : 68
-26 : 64
-30 : 60
-34 : 56
-38 : 52
-40 : 50
-42 : 48
-46 : 44
-50 : 40
-54 : 36
-58 : 32
-62 : 28
-66 : 24
-70 : 20
-74 : 16
-78 : 12
-82 : 8
-86 : 4
-90 : 0
White
-86 : 0
-82 : 4
-78 : 8
-74 : 12
-70 : 16
-66 : 20
-62 : 24
-58 : 28
-54 : 32
-50 : 36
-46 : 40
-42 : 44
-38 : 48
-36 : 50
-34 : 52
-30 : 56
-26 : 60
-22 : 64
-18 : 68
-14 : 72
-10 : 76
-6 : 80
-3 : 83
-2 : 84
±0 : 86
+2 : 88
+3 : 89
+6 : 92
+10 : 96
+14 : 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
+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
Green
+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
Blue
+21 : 255
+8 : 242
+4 : 238
+2 : 236
+1 : 235
±0 : 234
-1 : 233
-2 : 232
-4 : 230
-8 : 226
-13 : 221
-30 : 204
-47 : 187
-64 : 170
-81 : 153
-98 : 136
-115 : 119
-132 : 102
-149 : 85
-166 : 68
-183 : 51
-200 : 34
-217 : 17
-234 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000