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.
#97aeb8
Data
Red
151
Green
174
Blue
184
Hue
198°
White
59%
Black
28%
Saturation
19%
Lightness
66%
Brightness
66%
Tone = Light Grayish
Hue = 198°
3 digits
#abc
#abb
#aba
#aac
#aab
#aaa
#a9c
#a9b
#a9a
#9bc
#9bb
#9ba
#9ac
#9ab
#9aa
#99c
#99b
#99a
#8bc
#8bb
#8ba
#8ac
#8ab
#8aa
#89c
#89b
#89a
Named
darkgray
darkseagreen
silver
lightsteelblue
lightslategray
mediumaquamarine
skyblue
cadetblue
rosybrown
lightblue
mediumpurple
slategray
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
-195 : 3
-180 : 18
-165 : 33
-150 : 48
-135 : 63
-120 : 78
-105 : 93
-90 : 108
-75 : 123
-60 : 138
-45 : 153
-30 : 168
-15 : 183
-10 : 188
-5 : 193
-2 : 196
±0 : 198
+2 : 200
+5 : 203
+10 : 208
+15 : 213
+30 : 228
+45 : 243
+60 : 258
+75 : 273
+90 : 288
+105 : 303
+120 : 318
+135 : 333
+150 : 348
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
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
White
-59 : 0
-55 : 4
-51 : 8
-47 : 12
-43 : 16
-39 : 20
-35 : 24
-31 : 28
-27 : 32
-23 : 36
-19 : 40
-15 : 44
-11 : 48
-9 : 50
-7 : 52
-3 : 56
-2 : 57
±0 : 59
+1 : 60
+2 : 61
+3 : 62
+5 : 64
+9 : 68
+13 : 72
+17 : 76
+21 : 80
+25 : 84
+29 : 88
+33 : 92
+37 : 96
+41 : 100
Black
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
Red
+104 : 255
+87 : 238
+70 : 221
+53 : 204
+36 : 187
+19 : 170
+8 : 159
+4 : 155
+2 : 153
+1 : 152
±0 : 151
-1 : 150
-2 : 149
-4 : 147
-8 : 143
-15 : 136
-32 : 119
-49 : 102
-66 : 85
-83 : 68
-100 : 51
-117 : 34
-134 : 17
-151 : 0
Green
+81 : 255
+64 : 238
+47 : 221
+30 : 204
+13 : 187
+8 : 182
+4 : 178
+2 : 176
+1 : 175
±0 : 174
-1 : 173
-2 : 172
-4 : 170
-8 : 166
-21 : 153
-38 : 136
-55 : 119
-72 : 102
-89 : 85
-106 : 68
-123 : 51
-140 : 34
-157 : 17
-174 : 0
Blue
+71 : 255
+54 : 238
+37 : 221
+20 : 204
+8 : 192
+4 : 188
+3 : 187
+2 : 186
+1 : 185
±0 : 184
-1 : 183
-2 : 182
-4 : 180
-8 : 176
-14 : 170
-31 : 153
-48 : 136
-65 : 119
-82 : 102
-99 : 85
-116 : 68
-133 : 51
-150 : 34
-167 : 17
-184 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000