|
Reference color |
Hex |
R |
G |
B |
|
Target color |
Hex |
R |
G |
B |
|
Green |
#73ba25 |
115 |
186 |
37 |
|
light-green-600 |
#7cb342 |
124 |
179 |
66 |
|
Green 90% |
#81c13b |
129 |
193 |
59 |
|
light-green-600 |
#7cb342 |
124 |
179 |
66 |
|
Green 75% |
#96cb5c |
150 |
203 |
92 |
|
light-green-400 |
#9ccc65 |
156 |
204 |
101 |
|
Green 50% |
#b9dc92 |
185 |
220 |
146 |
|
light-green-300 |
#aed581 |
174 |
213 |
129 |
|
Green 25% |
#dceec8 |
220 |
238 |
200 |
|
light-green-100 |
#dcedc8 |
220 |
237 |
200 |
|
Dark Blue |
#173f4f |
23 |
63 |
79 |
|
blue-grey-900 |
#263238 |
38 |
50 |
56 |
|
Dark Blue 90% |
#2f5361 |
47 |
83 |
97 |
|
blue-grey-800 |
#37474f |
55 |
71 |
79 |
|
Dark Blue 75% |
#516f7b |
81 |
111 |
123 |
|
blue-grey-600 |
#546e7a |
84 |
110 |
122 |
|
Dark Blue 50% |
#8b9fa7 |
139 |
159 |
167 |
|
blue-grey-300 |
#90a4ae |
144 |
164 |
174 |
|
Dark Blue 25% |
#c5cfd3 |
197 |
207 |
211 |
|
blue-grey-100 |
#cfd8dc |
207 |
216 |
220 |
|
Cyan |
#35b9ab |
53 |
185 |
171 |
|
teal-300 |
#4db6ac |
77 |
182 |
172 |
|
Cyan 90% |
#4ac0b4 |
74 |
192 |
180 |
|
teal-300 |
#4db6ac |
77 |
182 |
172 |
|
Cyan 75% |
#68cbc0 |
104 |
203 |
192 |
|
teal-200 |
#80cbc4 |
128 |
203 |
196 |
|
Cyan 50% |
#9adcd5 |
154 |
220 |
213 |
|
teal-100 |
#b2dfdb |
178 |
223 |
219 |
|
Cyan 25% |
#ccedea |
204 |
237 |
234 |
|
teal-50 |
#e0f2f1 |
224 |
242 |
241 |
|
Dark Cyan |
#00a489 |
0 |
164 |
137 |
|
teal-500 |
#009688 |
0 |
150 |
136 |
|
Dark Cyan 90% |
#1aad95 |
26 |
173 |
149 |
|
teal-400 |
#26a69a |
38 |
166 |
154 |
|
Dark Cyan 75% |
#40bba7 |
64 |
187 |
167 |
|
teal-300 |
#4db6ac |
77 |
182 |
172 |
|
Dark Cyan 50% |
#7fd1c4 |
127 |
209 |
196 |
|
teal-200 |
#80cbc4 |
128 |
203 |
196 |
|
Dark Cyan 25% |
#bfe8e1 |
191 |
232 |
225 |
|
teal-100 |
#b2dfdb |
178 |
223 |
219 |
|
Dark Green |
#6da741 |
109 |
167 |
65 |
|
light-green-700 |
#689f38 |
104 |
159 |
56 |
|
Dark Green 90% |
#7cb054 |
124 |
176 |
84 |
|
light-green-600 |
#7cb342 |
124 |
179 |
66 |
|
Dark Green 75% |
#92bd71 |
146 |
189 |
113 |
|
light-green-400 |
#9ccc65 |
156 |
204 |
101 |
|
Dark Green 50% |
#b6d3a0 |
182 |
211 |
160 |
|
green-200 |
#a5d6a7 |
165 |
214 |
167 |
|
Dark Green 25% |
#dae9cf |
218 |
233 |
207 |
|
light-green-100 |
#dcedc8 |
220 |
237 |
200 |
|
Blue |
#21a4df |
33 |
164 |
223 |
|
blue-500 |
#2196f3 |
33 |
150 |
243 |
|
Blue 90% |
#38ade2 |
56 |
173 |
226 |
|
blue-400 |
#42a5f5 |
66 |
165 |
245 |
|
Blue 75% |
#59bbe7 |
89 |
187 |
231 |
|
blue-300 |
#64b5f6 |
100 |
181 |
246 |
|
Blue 50% |
#90d1ef |
144 |
209 |
239 |
|
blue-200 |
#90caf9 |
144 |
202 |
249 |
|
Blue 25% |
#c7e8f7 |
199 |
232 |
247 |
|
blue-100 |
#bbdefb |
187 |
222 |
251 |