This page is designed to show you all text colors against background colors for the CSB palette.
Roll your mouse over the word "change" next to the CSB index number (0 - 255) to see the background change to that color.
You can also Click a "Named Color" for your background. They are listed at the bottom of the page.
Then scroll to view the text colors against that background to look for compatible colors.
OR: move your mouse over QUICK VIEW to see a numerical chart for quick reference.
There are 256 colors on the CuteSITE Builder - Trellix palette shown to the right (16 rows of 16 colors). When you choose a color from the palette, for font, background, etc, these are the colors offered. I have identified the hex code number for the RGB values shown on the CSB palette for use in your inserted HTML and javascript codes.
|
CSB4 COLOR CHART
Click chart to jump directly to color
or scroll down
|
ROW 1
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
0
change
|
000000
|
0,0,0
|
|
1
change
|
BF0000
|
191, 0, 0
|
|
2
change
|
00BF00
|
0,191,0
|
|
3
change
|
BFBF00
|
191,191,0
|
|
4
change
|
0000BF
|
0,0,191
|
|
5
change
|
BF00BF
|
191,0,191
|
|
6
change
|
00BFBF
|
0,191,191
|
|
7
change
|
C0C0C0
|
192,192,192
|
|
8
change
|
C0DCC0
|
192,220,192
|
|
9
change
|
A6CAF0
|
166,202,240
|
|
10
change
|
000033
|
0,0,51
|
|
11
change
|
000066
|
0,0,102
|
|
12
change
|
000099
|
0,0,153
|
|
13
change
|
0000CC
|
0,0,204
|
|
14
change
|
0000FF
|
0,0,255
|
|
15
change
|
003300
|
0,51,0
|
ROW 2
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
16
change
|
003333
|
0,51,51
|
|
17
change
|
003366
|
0,51,102
|
|
18
change
|
003399
|
0,51,153
|
|
19
change
|
0033CC
|
0,51,204
|
|
20
change
|
0033FF
|
0,51,255
|
|
21
change
|
006600
|
0,102,0
|
|
22
change
|
006633
|
0,102,51
|
|
23
change
|
006666
|
0,102,102
|
|
24
change
|
006699
|
0,102,153
|
|
25
change
|
0066CC
|
0,102,204
|
|
26
change
|
0066FF
|
0,102,255
|
|
27
change
|
009900
|
0,153,0
|
|
28
change
|
009933
|
0,153,51
|
|
29
change
|
009966
|
0,153,102
|
|
30
change
|
009999
|
0,153,153
|
|
31
change
|
0099CC
|
0,153,204
|
ROW 3
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
32
change
|
0099FF
|
0,153,255
|
|
33
change
|
00CC00
|
0,204,0
|
|
34
change
|
00CC33
|
0,204,51
|
|
35
change
|
00CC66
|
0,204,102
|
|
36
change
|
00CC99
|
0,204,153
|
|
37
change
|
00CCCC
|
0,204,204
|
|
38
change
|
00CCFF
|
0,204,255
|
|
39
change
|
00FF00
|
0,255,0
|
|
40
change
|
00FF33
|
0,255,51
|
|
41
change
|
00FF66
|
0,255,102
|
|
42
change
|
00FF99
|
0,255,153
|
|
43
change
|
00FFCC
|
0,255,204
|
|
44
change
|
00FFFF
|
0,255,255
|
|
45
change
|
330000
|
51,0,0
|
|
46
change
|
330033
|
51,0,51
|
|
47
change
|
330066
|
51,0,102
|
ROW 4
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
48
change
|
330099
|
51,0,153
|
|
49
change
|
3300CC
|
51,0,204
|
|
50
change
|
3300FF
|
51,0,255
|
|
51
change
|
333300
|
51,51,0
|
|
52
change
|
333333
|
51,51,51
|
|
53
change
|
333366
|
51,51,102
|
|
54
change
|
333399
|
51,51,153
|
|
55
change
|
3333CC
|
51,51,204
|
|
56
change
|
3333FF
|
51,51,255
|
|
57
change
|
336600
|
51,102,0
|
|
58
change
|
336633
|
51,102,51
|
|
59
change
|
336666
|
51,102,102
|
|
60
change
|
336699
|
51,102,153
|
|
61
change
|
3366CC
|
51,102,204
|
|
62
change
|
3366FF
|
51,102,255
|
|
63
change
|
339900
|
51,153,0
|
ROW 5
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
64
change
|
339933
|
51,153,51
|
|
65
change
|
339966
|
51,153,102
|
|
66
change
|
339999
|
51,153,153
|
|
67
change
|
3399CC
|
51,153,204
|
|
68
change
|
3399FF
|
51,153,255
|
|
69
change
|
33CC00
|
51,204,0
|
|
70
change
|
33CC33
|
51,204,51
|
|
71
change
|
33CC66
|
51,204,102
|
|
72
change
|
33CC99
|
51,204,153
|
|
73
change
|
33CCCC
|
51,204,204
|
|
74
change
|
33CCFF
|
51,204,255
|
|
75
change
|
33FF00
|
51,255,0
|
|
76
change
|
33FF33
|
51,255,51
|
|
77
change
|
33FF66
|
51,255,102
|
|
78
change
|
33FF99
|
51,255,153
|
|
79
change
|
33FFCC
|
51,255,204
|
ROW 6
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
80
change
|
33FFFF
|
51,255,255
|
|
81
change
|
660000
|
102,0,0
|
|
82
change
|
660033
|
102,0,51
|
|
83
change
|
660066
|
102,0,102
|
|
84
change
|
660099
|
102,0,153
|
|
85
change
|
6600CC
|
102,0,204
|
|
86
change
|
6600FF
|
102,0,255
|
|
87
change
|
663300
|
102,51,0
|
|
88
change
|
663333
|
102,51,51
|
|
89
change
|
66334C
|
102,51,76
|
|
90
change
|
663366
|
102,51,102
|
|
91
change
|
663399
|
102,51,153
|
|
92
change
|
6633CC
|
102,51,204
|
|
93
change
|
6633FF
|
102,51,255
|
|
94
change
|
666600
|
102,102,0
|
|
95
change
|
666633
|
102,102,51
|
ROW 7
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
96
change
|
666666
|
102,102,51
|
|
97
change
|
666699
|
102,102,153
|
|
98
change
|
6666CC
|
102,102,204
|
|
99
change
|
6666FF
|
102,102,255
|
|
100
change
|
669900
|
102,153,0
|
|
101
change
|
669933
|
102,153,51
|
|
102
change
|
669966
|
102,153,102
|
|
103
change
|
669999
|
102,153,153
|
|
104
change
|
6699CC
|
102,153,204
|
|
105
change
|
6699FF
|
102,153,255
|
|
106
change
|
66CC00
|
102,204,0
|
|
107
change
|
66CC33
|
102,204,51
|
|
108
change
|
66CC66
|
102,204,102
|
|
109
change
|
66CC99
|
102,204,153
|
|
110
change
|
66CCCC
|
102,204,204
|
|
111
change
|
66CCFF
|
102,204,255
|
ROW 8
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
112
change
|
66FF00
|
102,255,0
|
|
113
change
|
66FF33
|
102,255,51
|
|
114
change
|
66FF66
|
102,255,102
|
|
115
change
|
66FF99
|
102,255,153
|
|
116
change
|
66FFCC
|
102,255,204
|
|
117
change
|
66FFFF
|
102,255,255
|
|
118
change
|
990000
|
153,0,0
|
|
119
change
|
990033
|
153,0,51
|
|
120
change
|
990066
|
153,0,102
|
|
121
change
|
990080
|
153,0,128
|
|
122
change
|
990099
|
153,0,153
|
|
123
change
|
9900CC
|
153,0,204
|
|
124
change
|
9900FF
|
153,0,255
|
|
125
change
|
993300
|
153,51,0
|
|
126
change
|
993333
|
153,51,51
|
|
127
change
|
993366
|
153,51,102
|
ROW 9
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
128
change
|
993380
|
153,51,128
|
|
129
change
|
993399
|
153,51,153
|
|
130
change
|
9933CC
|
153,51,204
|
|
131
change
|
9933FF
|
153,51,255
|
|
132
change
|
996600
|
153,102,0
|
|
133
change
|
996633
|
153,102,51
|
|
134
change
|
996666
|
153,102,102
|
|
135
change
|
996699
|
153,102,153
|
|
136
change
|
9966CC
|
153,102,204
|
|
137
change
|
9966FF
|
153,102,255
|
|
138
change
|
999900
|
153,153,0
|
|
139
change
|
999933
|
153,153,51
|
|
140
change
|
999966
|
153,153,102
|
|
141
change
|
999980
|
153,153,128
|
|
142
change
|
999999
|
153,153,153
|
|
143
change
|
9999CC
|
153,153,204
|
ROW 10
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
144
change
|
9999FF
|
153,153,255
|
|
145
change
|
99CC00
|
153,204,0
|
|
146
change
|
99CC33
|
153,204,51
|
|
147
change
|
99CC66
|
153,204,102
|
|
148
change
|
99CC80
|
153,204,128
|
|
149
change
|
99CC99
|
153,204,153
|
|
150
change
|
99CCCC
|
153,204,204
|
|
151
change
|
99CCFF
|
153,204,255
|
|
152
change
|
99FF00
|
153,255,0
|
|
153
change
|
99FF33
|
153,255,51
|
|
154
change
|
99FF66
|
153,255,102
|
|
155
change
|
99FF99
|
153,255,153
|
|
156
change
|
99FFCC
|
153,255,204
|
|
157
change
|
99FFFF
|
153,255,255
|
|
158
change
|
CC0000
|
204,0,0
|
|
159
change
|
CC0033
|
204,0,51
|
ROW 11
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
160
change
|
CC0066
|
204,0,102
|
|
161
change
|
CC0099
|
204,0,153
|
|
162
change
|
CC00CC
|
204,0,204
|
|
163
change
|
CC00FF
|
204,0,255
|
|
164
change
|
CC3300
|
204,51,0
|
|
165
change
|
CC3333
|
204,51,51
|
|
166
change
|
CC3366
|
204,51,102
|
|
167
change
|
CC3399
|
204,51,153
|
|
168
change
|
CC33CC
|
204,51,204
|
|
169
change
|
CC33FF
|
204,51,255
|
|
170
change
|
CC6600
|
204,102,0
|
|
171
change
|
CC6633
|
204,102,51
|
|
172
change
|
CC6666
|
204,102,102
|
|
173
change
|
CC6699
|
204,102,153
|
|
174
change
|
CC66CC
|
204,102,204
|
|
175
change
|
CC66FF
|
204,102,255
|
ROW 12
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
176
change
|
CC9900
|
204,153,0
|
|
177
change
|
CC9922
|
204,153,34
|
|
178
change
|
CC9933
|
204,153,51
|
|
179
change
|
CC9966
|
204,153,102
|
|
180
change
|
CC9980
|
204,153,128
|
|
181
change
|
CC9999
|
204,153,153
|
|
182
change
|
CC99CC
|
204,153,204
|
|
183
change
|
CC99FF
|
204,153,255
|
|
184
change
|
CCCC00
|
204,204,0
|
|
185
change
|
CCCC33
|
204,204,51
|
|
186
change
|
CCCC66
|
204,204,102
|
|
187
change
|
CCCC99
|
204,204,153
|
|
188
change
|
CCCCCC
|
204,204,204
|
|
189
change
|
CCCCE4
|
204,204,228
|
|
190
change
|
CCCCFF
|
204,204,255
|
|
191
change
|
CCFF00
|
204,255,0
|
ROW 13
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
192
change
|
CCFF33
|
204,255,51
|
|
193
change
|
CCFF66
|
204,255,102
|
|
194
change
|
CCFF99
|
204,255,153
|
|
195
change
|
CCFFCC
|
204,255,204
|
|
196
change
|
CCFFFF
|
204,255,255
|
|
197
change
|
FF0033
|
255,0,51
|
|
198
change
|
FF0066
|
255,0,102
|
|
199
change
|
FF0099
|
255,0,153
|
|
200
change
|
FF00CC
|
255,0,204
|
|
201
change
|
FF00FF
|
255,0,255
|
|
202
change
|
FF3300
|
255,51,0
|
|
203
change
|
FF3333
|
255,51,51
|
|
204
change
|
FF3366
|
255,51,102
|
|
205
change
|
FF3380
|
255,51,128
|
|
206
change
|
FF3399
|
255,51,153
|
|
207
change
|
FF33CC
|
255,51,204
|
ROW 14
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
208
change
|
FF33FF
|
255,51,255
|
|
209
change
|
FF6600
|
255,102,0
|
|
210
change
|
FF6633
|
255,102,51
|
|
211
change
|
FF6666
|
255,102,102
|
|
212
change
|
FF6699
|
255,102,153
|
|
213
change
|
FF66CC
|
255,102,204
|
|
214
change
|
FF66FF
|
255,102,255
|
|
215
change
|
FF9900
|
255,153,0
|
|
216
change
|
FF9933
|
255,153,51
|
|
217
change
|
FF9966
|
255,153,102
|
|
218
change
|
FF9980
|
255,153,128
|
|
219
change
|
FF9999
|
255,153,153
|
|
220
change
|
FF99CC
|
255,153,204
|
|
221
change
|
FF99FF
|
255,153,255
|
|
222
change
|
FFCC00
|
255,204,0
|
|
223
change
|
FFCC33
|
255,204,51
|
ROW 15
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
224
change
|
FFCC66
|
255,204,102
|
|
225
change
|
FFCC80
|
255,204,128
|
|
226
change
|
FFCC99
|
255,204,153
|
|
227
change
|
FFCCB2
|
255,204,178
|
|
228
change
|
FFCCCC
|
255,204,204
|
|
229
change
|
FFCCFF
|
255,204,255
|
|
230
change
|
EEEEEE
|
238,238,238
|
|
231
change
|
DDDDDD
|
221,221,221
|
|
232
change
|
BBBBBB
|
187,187,187
|
|
233
change
|
AAAAAA
|
170,170,170
|
|
234
change
|
888888
|
136,136,136
|
|
235
change
|
777777
|
119,119,119
|
|
236
change
|
555555
|
85,85,85
|
|
237
change
|
444444
|
68,68,68
|
|
238
change
|
333333
|
51,51,51
|
|
239
change
|
262626
|
38,38,38
|
ROW 16
|
|||
COLOR
|
INDEX #
|
HEX CODE #
|
RGB value
|
240
change
|
111111
|
17,17,17
|
|
241
change
|
FFFF33
|
255,255,51
|
|
242
change
|
FFFF66
|
255,255,102
|
|
243
change
|
FFFF80
|
255,255,128
|
|
244
change
|
FFFF99
|
255,255,153
|
|
245
change
|
FFFFCC
|
255,255,204
|
|
246
change
|
FFFBF0
|
255,251,240
|
|
247
change
|
A0A0A4
|
160,160,164
|
|
248
change
|
808080
|
128,128,128
|
|
249
change
|
FF0000
|
255,0,0
|
|
250
change
|
00FF00
|
0,255,0
|
|
251
change
|
FFFF00
|
255,255,0
|
|
252
change
|
0000FF
|
0,0,255
|
|
253
change
|
FF00FF
|
255,0,255
|
|
254
change
|
00FFFF
|
0,255,255
|
|
255
change
|
FFFFFF
|
255,255,255
|
QUICK VIEW REFERENCE CHART - ALL TEXT COLORS IN ONE PLACE
|
||||||||||||||||
1
|
0
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
2
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
3
|
32
|
33
|
34
|
35
|
36
|
37
|
38
|
39
|
40
|
41
|
42
|
43
|
44
|
45
|
46
|
47
|
4
|
48
|
49
|
50
|
51
|
52
|
53
|
54
|
55
|
56
|
57
|
58
|
59
|
60
|
61
|
62
|
63
|
5
|
64
|
65
|
66
|
67
|
68
|
69
|
70
|
71
|
72
|
73
|
74
|
75
|
76
|
77
|
78
|
79
|
6
|
80
|
81
|
82
|
83
|
84
|
85
|
86
|
87
|
88
|
89
|
90
|
91
|
92
|
93
|
94
|
95
|
7
|
96
|
97
|
98
|
99
|
100
|
101
|
102
|
103
|
104
|
105
|
106
|
107
|
108
|
109
|
110
|
111
|
8
|
112
|
113
|
114
|
115
|
116
|
117
|
118
|
119
|
120
|
121
|
122
|
123
|
124
|
125
|
126
|
127
|
9
|
128
|
129
|
130
|
131
|
132
|
133
|
134
|
135
|
136
|
137
|
138
|
139
|
140
|
141
|
142
|
143
|
10
|
144
|
145
|
146
|
147
|
148
|
149
|
150
|
151
|
152
|
153
|
154
|
155
|
156
|
157
|
158
|
159
|
11
|
160
|
161
|
162
|
163
|
164
|
165
|
166
|
167
|
168
|
169
|
170
|
171
|
172
|
173
|
174
|
175
|
12
|
176
|
177
|
178
|
179
|
180
|
181
|
182
|
183
|
184
|
185
|
186
|
187
|
188
|
189
|
190
|
191
|
13
|
192
|
193
|
194
|
195
|
196
|
197
|
198
|
199
|
200
|
201
|
202
|
203
|
204
|
205
|
206
|
207
|
14
|
208
|
209
|
210
|
211
|
212
|
213
|
214
|
215
|
216
|
217
|
218
|
219
|
220
|
221
|
222
|
223
|
15
|
224
|
225
|
226
|
227
|
228
|
229
|
230
|
231
|
232
|
233
|
234
|
235
|
236
|
237
|
238
|
239
|
16
|
240
|
241
|
242
|
243
|
244
|
245
|
246
|
247
|
248
|
249
|
250
|
251
|
252
|
253
|
254
|
255
|
What about the NAMED colors???
There are 140 named colors.
Several of the HTML and CSS sites highly recommend moving away from named colors. I STRONGLY recommend you use the hex code for the color available here.
Though names are useful, they are not recommended as browsers do not render them the same consistently like the hex codes. Some word codes produce the same color (examples: aqua and cyan, magenta and fuschia)
|
Click a color from the list to see the background of this page change.
|